标签：bulbon src 入门 DOM JS element HTML 随笔 节点
1.DOM简单实例
1.通过onclick="changeImage()"调用changeImage()方法
2.通过element=document.getElementById('myimage')获取id="myimage"控件的值
3.element.src.match("bulbon")：match()是检索是否含有相应的字符，有的话判断为真，没有判断就假，即此段为判断2中获取的id的控件的src属性值的字段中是否含有“bulbon”.
1 <script>
2 function changeImage()
3 {
4 element=document.getElementById('myimage')
5 if (element.src.match("bulbon"))
6 {
7 element.src="/images/pic_bulboff.gif";
8 }
9 else
10 {
11 element.src="/images/pic_bulbon.gif";
12 }
13 }
14 </script>
15 <img id="myimage" onclick="changeImage()" border="0" src="/images/pic_bulboff.gif" width="100" height="180">
16 <p>点击灯泡 开/关 灯</p>
2.什么是 HTML DOM？
1.HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。
2.换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
3.在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。
3.1整个文档是一个文档节点
3.2每个 HTML 元素是元素节点
3.3HTML 元素内的文本是文本节点
3.4每个 HTML 属性是属性节点
3.5注释是注释节点
标签：bulbon,
src,
入门,
DOM,
JS,
element,
HTML,
随笔,
节点
From： https://www.cnblogs.com/chenjiajiale/p/17159156.html