你的位置:首页 > 软件开发 > Java > JavascriptDom的基础知识回顾

JavascriptDom的基础知识回顾

发布时间:2015-06-04 12:00:03
1. 节点及其类型: 1). 元素节点2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作. 3). 文本节点: 是元素节点的子节点, 其内容为文本. 2. 在 html 文档的什么位置编写 js 代码? 0). 直接在 html 页面中书 ...

1. 节点及其类型:  

1). 元素节点

2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作.  

3). 文本节点: 是元素节点的子节点, 其内容为文本.  

2. 在 html 文档的什么位置编写 js 代码?  

 0). 直接在 html 页面中书写代码.   <button id="button" onclick="alert('hello world');">Click Me!</button>  

   缺点:    ①. js 和 html 强耦合, 不利用代码的维护    ②. 若 click 相应函数是比较复杂的, 则需要先定义一个函数, 然后再在 onclick 属性中完成对函数的引用, 比较麻烦

 1). 一般地, 不能在 body 节点之前来直接获取 body 内的节点, 因为此时 html 文档树还没有加载完成,获取不到指定的节点:  

 

 1 <head> 2   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 3   <title>Untitled Document</title> 4   <script type="text/javascript"> 5     var cityNode = document.getElementById("city"); 6     //打印结果为 null. 7     alert(cityNode); 8   </script> 9 </head>10 <body>11 ......

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:JavascriptDom的基础知识回顾

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。