HTML Dom

1.HTMLdom可以访问javascript里面的所有HTML元素

2.

TML DOM 树

DOM HTML 树


3.查找HTML元素,有三种方法,1,通过id获取,2,通过标签名获取,3,通过类名获取.

3.1 通过ID获取 document.getElementById("id");

3.2 通过标签名获取document.getElementsByName("");

4.改变HTML内容使用 document.getElementById("id").innerHTML="new HTML";


5.更改HTML元素的属性使用的方法是

document.getElementById("id").attribute=new value;

例如:

<!DOCTYPE html>
<html>
<body>

<img id="image" src="smiley.gif">

<script>
document.getElementById("image").src="landscape.jpg";
</script>

</body>
</html>

6.改变HTML元素的样式

使用document.getElementById("ID").style.property=new style;

7.创建新的HTML元素

<div id="div1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>

8.删除HTML元素

1.获取父类,找到父类中的子类,然后删除

var paren=document.getElementById("div");

var p=document.getElementById("P");

paren.remove(p);//或者p.parentNod.removeChild(p);

var child=document.getElementById("p1");
child.parentNode.removeChild(child);


你可能感兴趣的:(JavaScript,标签,元素)