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

DOM操作HTML

2016-04-04 21:56 579 查看

1.改变HTML输出流：

注意：绝对不要在文档加载完成后使用document.write().这会覆盖该文档

2.寻找元素

通过id找到html元素

通过标签名找到html元素

3.改变html内容

使用属性innerHTML

4.改变HTML属性

使用属性：attribute

事例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM操作htlm</title>
</head>
<body>
<p id="pid" >world</p>
<img src="a.jpg" id="img">
<script>
function a() {
//document.write("hello");因为a()是在文档加载完后使用输出流的此时p标签的值被覆盖
// document.getElementById("pid").innerHTML="hello";
//c=document.getElementsByTagName("p");
document.getElementById("img").src="b.jpg";
}
</script>
<button onclick="a()">button</button>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航