javascript DOM内容/操作步骤
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript DOM内容/操作步骤相关的知识，希望对你有一定的参考价值。
Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问
通常通过js可以对html元素进行操作，首先就要先找到这个元素；
- 通过使用 getElementById("id") 方法 //id标签只有一个
- 通过使用 getElementsByTagName(" ") 方法 //根据标签名找，找到的是数组
- 通过使用 getElementsByClassName(" ") 方法 // 根据classname，找到的数组
- 通过使用 getElementsByName(" ") 方法 // 根据name找，找打的是数组 zhu:括号内加引号
Window 对象属性和属性 http://www.runoob.com/jsref/obj-window.html
document操作：
1、找元素 get Element、、、
2、操作内容 innerhtml
非元素内容属性：. innerHTML 设置或返回元素的内容 //例：documentGetmentById("id").innerHTML （元素内的内容是：）
表单元素内容属性：. value
元素的链接：.href 网页跳转形式：.target~~
<script> function changeLink(){ document.getElementById(‘myAnchor‘).innerHTML="金百度"; document.getElementById(‘myAnchor‘).href="http://www.baidu·com"; document.getElementById(‘myAnchor‘).target="_blank"; } </script> </head> <body> <a id="myAnchor" href="http://www.microsoft.com">Microsoft</a> <input type="button" onclick="changeLink()" value="修改链接"> </body>
3、操作属性：
设置setAttribute(“属性”，“属性值”)
得到getAttribute(“属性名”)
删除removeAttribute(“属性名”)
栗子
4、作用样式 ：
元素.style.样式 = "";
<script type="text/javascript"> function on(obj){ obj.style.height = ‘200px‘; obj.style.width = "200px"; } </script> > </head> <body> <div id="qq" style="width: 100px; height: 100px; background-color: red;" onClick="on(this)"></div>
5、操作元素（创建标签，删除标签）
时间控制：
setInterval()：按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout()：在指定的毫秒数后调用函数或计算表达式。
以上是关于javascript DOM内容/操作步骤的主要内容，如果未能解决你的问题，请参考以下文章
深入理解JavaScript系列（24）：JavaScript与DOM（下）