您的位置:首页 > Web前端 > HTML

HTML DOM 访问2

2014-03-16 14:41 169 查看


getElementsByTagName() 方法

getElementsByTagName() 返回带有指定标签名的所有元素。

x=document.getElementById("main").getElementsByTagName("p");

document.write("div 中的第一段的文本: " + x[0].innerHTML);

<div id="main">

<p>DOM 很有用!</p>

<p>本例演示 <b>getElementsByTagName</b> 方法。</p>

</div>


getElementsByClassName() 方法

修改 HTML = 改变元素、属性、样式和事件

实例:

<!DOCTYPE html>

<html>

<body>

<div id="div1">

<p id="p1">This is a paragraph.</p>

<p id="p2">This is another paragraph.</p>

</div>

<script>

var para=document.createElement("p");

var node=document.createTextNode("This is new.");

para.appendChild(node);

var element=document.getElementById("div1");

element.appendChild(para);

</script>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: