[js] DOM getAttribute setAttribute removeAttribute

<div id="div1" class="div2" title="div3" name="div4"  abc="def">我是div标签</div>

var oDiv = document.querySelector('div');
console.dir( oDiv );

.id .class .title

// 所有标签对象都是支持的是 id class title

oDiv.id = '我是设定的id属性值';
var res1 = oDiv.id;
console.log( res1 );

getAttribute

// 使用方法 获取var res3 = oDiv.getAttribute('name');console.log( res3 );

setAttribute

        // 使用方法 设定oDiv.setAttribute( 'id' , 'd1');

removeAttribute

// 使用方法 删除oDiv.removeAttribute( 'id' );

[js] DOM getAttribute setAttribute removeAttribute相关推荐

getAttribute setAttribute removeAttribute
<body><input type="button" value="zj" οnclick="tj();" class=& ...
js DOM Element属性和方法整理
js DOM Element属性和方法整理节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. ...
js(Dom+Bom)第三天（2）
webAPI 0-操作标签属性系统属性作用: 1. 可以操作标签身上的任何一个系统中的自带属性 (id, class, name ....) 2. 还可以操作用户自定义的属性 dom.getAtt ...
js(Dom+Bom)第二天（2）
webAPI 00-操作图片知识点-获取图片src属性图片对象.src ----> 获取图片路径注意: 1. 获取到的图片路径是一个绝对路径知识点-动态的给图片标签设置路径图片对象.sr ...
js(Dom+Bom)第二天（1）
JavaScript-DOM操作核心知识点 className操作标签样式 style属性方式操作标签样式操作表单控件学习目标能够通过className方式给标签设置样式能够通过style方 ...
JS DOM获取元素属性+操作方法
JS DOM获取元素属性+操作方法文章目录 JS DOM获取元素属性+操作方法基础属性 title属性 tagName属性 : 获取标签名 className属性 : 获取类名 Nodelist. ...
html 自定义属性_重学前端基础：属性操作，重点getAttribute / setAttribute方法
属性操作 HTML 属性与 DOM 属性的对应每个 HTML 属性都会对应相应的 DOM 对象属性. 属性操作方式读取属性 User Name: input.className; // 'text ...
JS DOM（超级详细，如果对DOM知识还不熟悉的必看）
JS DOM(文档对象) attribute(属性) element(元素) new stye (新的样式) 可能因为全是文字的原因很多朋友不爱看,但是确实很有用. 通过这个对象模型,JavaScri ...
java创建node类型数据类型_[Java教程]js DOM Node类型
[Java教程]js DOM Node类型 0 2015-12-18 16:00:08 DOM(文档对象模型)是针对HTML和 DOM可以将任何HTML或以下面为例: My article Hell ...

[js] DOM getAttribute setAttribute removeAttribute

.id .class .title

getAttribute

setAttribute

removeAttribute

[js] DOM getAttribute setAttribute removeAttribute相关推荐

最新文章

热门文章