dom
关注
分享
扫一扫
LLL_LH
记录一些学习心得
展开
-
window.open打开新窗口屏幕居中
<a href="javascript:void(0);" onclick="openWin('http://ww.baidu.com','',400,200)">跳转到a</a> <script> function openWin(url,name,newWinWidth,newWinHeight){ var winWidth=scree...原创 2018-05-12 22:39:31 · 4052 阅读 · 0 评论 -
原生js简单的省市联动
<h2>省市级联下拉</h2> <select id="provinces" onchange="changeCity(this.value)"> <option value="-1">--请选择--</option> </select> &原创 2018-04-27 20:58:34 · 281 阅读 · 0 评论 -
原生js删除节点、替换节点、复制节点
1、removeChild() 用来删除父节点的一个子节点。 parent.removeChild(childNode); 如下：<div id="box"> <p id="p1">这是一个段落</p> <p id="p2">第二个段落</p></div><script> var box=document.getElementById("box"); //找到父元素原创 2018-04-17 18:09:41 · 33245 阅读 · 0 评论 -
原生js添加节点appendChild、insertBefore
1、createElement() 创建元素节点 var element=document.createElement(‘元素名’);2、crateTextNode() 创建文本节点 var txt=document.crateTextNode(‘文本内容’);3、createAttribute() 创建属性节点 var attr=document.createAttribute(‘属性名’)原创 2018-04-12 14:55:11 · 21203 阅读 · 0 评论 -
js判断某元素是否有指定属性
1、element.hasAttribute(‘属性名’); 如果存在指定属性，则返回 true，否则返回 false。ie8及以下不支持 如下：<div id="box" class="classa">这是一个段落</div><script> var box=document.getElementById("box"); var attr=box.hasAttribute('c原创 2018-04-11 09:17:29 · 15150 阅读 · 0 评论 -
原生js获取、设置、删除属性
1、获取属性 element.getAttribute(‘属性名’)； //返回指定元素属性名的属性值 element.getAttributeNode(‘属性名’)； //返回指定元素的属性名和属性值 element.attributes[‘属性名’]；//返回指定元素的属性名和属性值 如下例：<div id="box" class="classa"> 这是一个段落</div原创 2018-04-09 10:20:53 · 9246 阅读 · 1 评论 -
原生js直接获取父节点、子节点、兄弟节点的元素节点,不包含空白节点
1、parentElement获取父元素节点var box=document.getElementById("box").parentElement;parentElement返回指定元素的上级元素节点，如果没有上级元素返回null。2、children获取所有子元素节点var childs=document.getElementById("box").children;返回一个数组，childre原创 2018-03-27 09:51:10 · 4287 阅读 · 0 评论 -
原生JS获取父节点、子节点、兄弟节点
1、访问父节点parentNode : Node 类型，返回指定节点的父节点,如果指定节点没有父节点，则返回 null。<div id="box"> <p id="hello">hello world!</p></div><script> var hello=document.getElementById("hello"); console.log(hello.原创 2018-03-26 14:15:56 · 13029 阅读 · 0 评论 -
innerHTML、innerText和textContent设置获取值
1、innerHTML : 设置或返回元素之间的文本,包括元素标签2、innerText : 设置或返回元素之间的文本内容,低版本火狐不支持3、textContent : 设置或返回指定元素的文本内容,IE8之前不支持<body> <div id="box"> <p>hello world!<span>he is Tom.</span...原创 2018-03-22 15:42:44 · 2175 阅读 · 1 评论 -
DOM的节点属性nodeName、nodeValue、nodeType
DOM节点：以document对象为根，每个标签、文本、属性、注释等都是节点。 1、nodeName: 返回节点的名称，只读，string类型 2、nodeValue: 设置或返回指定节点的节点值 3、nodeType: 返回节点的类型,只读，string类型 比如：<body> <div id="box" class="classa">文本值</div> <原创 2018-03-22 14:46:53 · 835 阅读 · 0 评论