js 在html中新建个节点,javascript节点是什么？

JavaScript中的节点是页面中所有的内容(标签、属性、文本(文字、换行、空格、回车))，Node。

我们常用的节点标签：元素节点(标签)

文本节点

属性节点(标签里的属性)

节点的获取

元素节点获取有很多方法Document.getElementById()

Document.getElementsByClassName()

Document.getElementsByTagName()

Document.querySelector()

Document.querySelectorAll()

属性节点的获取元素.attributes 获取元素身上所有属性构成的集合

元素.setAttribute(“属性名”，“属性值”)给元素设置属性和属性值

元素.getAttribute(“属性名”)获取属性值的方法

元素.removerAttribute("属性")删除属性

文本节点

没有获取的方法，没有意思

获取元素的子节点

元素.childNodes 这个属性有兼容性，标准浏览器会获取文本节点，而低版本浏览器不会。所以建议使用 children这个属性获取单个子节点。

获取第一个子节点：标准下　　元素.firstElementChild

非标准下　元素.firstChild

兼容写法var list=document.getElementById("list")

var fist=listElementChild||list.fistChild

console.log(fist)

获取最后一个子节点

元素.lastElementChild　　元素.lastChild

获取是一个兄弟节点

元素.previousSibling　　元素.prevElementSibling

获取下一个兄弟节点

元素.nextSibling　　元素.nextElementSibling

获取父节点

元素.parentNode 没有兼容性

元素.parentNode.parentNode

区分 offsetparent和parentNode

DOM2创建节点

1、生成节点的方法 document。createElement(“div”)

2、插入节点的方法

父节点.appendChild(新节点)

在父节点子节点的后面插入新的节点

3、在指定位置插入新的节点

(1)父元素.insetBefore(新节点，谁的前面) 将新节点插入指定元素前面

4、删除元素节点父元素.removerChild()

js 在html中新建个节点,javascript节点是什么？相关推荐

html 连接中写js变量,HTML中传递和引用JavaScript变量
在HTML中传递和引用JavaScript变量 var foobar; //全局变量声明 function passvar(){ foobar = document.getElementById('t ...
js向ul中写html语言,javascript操作ul中li的方法
本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ...
JavaScript（js)节点--父节点、子节点、兄弟节点
JavaScript(js)节点–父节点子节点一般节点至少拥有nodeType(结点类型),nodeName(节点名称)和nodeValue(节点值)这三个基本属性. 元素节点 nodeType为1 ...
html dom节点类型,浅谈Javascript中的12种DOM节点类型
前言 DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容).浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组 ...
[js] 在不支持js的浏览器中如何隐藏JavaScript代码？
[js] 在不支持js的浏览器中如何隐藏JavaScript代码? 在<script>标签之后的代码中添加"<!-– ",不带引号. 在</script&g ...
前端：JS/25/DOM官方定义，DOM分类，HTML节点树（节点关系，节点类型，），核心DOM中公共的属性和方法（节点访问，查找DOM节点，节点属性，节点的创建，追加和删除）
DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...
js读取html元素scr,了解一下JavaScript中的DOM编程
如何在HTML中使用JavaScript 元素元素用于在HTML页面中嵌入或引入JavaScript脚本代码.该元素默认被定义在元素中 1.type:该属性定义script元素包含或src引入的脚 ...
html文档中怎么区分节点对象节点类型,JavaScript文档对象模型-Element类型
除了Document类型之外,Element类型是JavaScript编程中最常使用的类型.Element类型常用于表现HTML或XML元素,提供对元素标签名.子节点及特性的访问. Element节点 ...
js变量传给java_如何把JavaScript中的变量值传给javabean？
恰好我碰到过类似的问题,引用一篇文章给你吧.希望能帮你~ JSP数据和JavaScirpt数据交互使用问题的一种解决方法对于WEB程序来说,前端(JavaScript)和后端(JSP/Servlet ...

js 在html中新建个节点,javascript节点是什么？

js 在html中新建个节点,javascript节点是什么？相关推荐

最新文章

热门文章