网站建设资讯

NEWS

网站建设资讯

节点javascript,节点法

JavaScript中如何添加文本节点?

最简单的方法就是用元素的innerHTML属性赋值,如:myNewElement.innerHTML = “我是文本”;但这样不能清晰的体现DOM中新增加了一个文本节点。

成都创新互联公司是专业的蚌埠网站建设公司,蚌埠接单;提供网站设计、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行蚌埠网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

然后另一种添加文本节点的方式,可分为两步:

1、创建节点:文本节点的创建使用createTextNode方法,如:var myText = document.createTextNode(“我是文本”);

2、将创建的节点用appendChild方法添加某个元素下。如:myNewElement.appendChild(myText);这样myNewElement就有myText的文本节点,文本节点的内容是“我是文本”即可。

获取属性节点

第一种方法:获取官方定义的属性节点(获取元素的对应属性值)。

格式:元素节点,属性名。

注意:不能获取自定义属性的值。

代码如下:

console.log(jsInput.placeholder);

alert("是时候展现真正的技术");

设置属性节点的值

公式:元素节点 . 属性名 = 新的属性值

代码如下:

//设置元素对应属性的值

//元素节点.属性名 = 新的属性值

jsInput.placeholder = "sunck good";

第二种方法

公式:元素节点 . getAttribute(属性名);

注意:还可以获取自定义属性的值。

代码:

console.log(jsInput.getAttribute("my"));

设置自定属性的值

公式:元素节点 . setAttribute(属性名, 新属性值);

注意:当属性不存在时,变为添加属性

代码:

//设置

//元素节点.setAttribute(属性名, 新属性值);

jsInput.setAttribute("my", "sunck");

//注意:当属性不存在时,变为添加属性

jsInput.setAttribute("other", "sunck");

删除属性节点

公式:元素节点.removeAttribute(属性名);

注意:某些低版本浏览器不支持

代码:

jsInput.removeAttribute("other");

console.log(jsInput);

javascript里什么是属性节点

div class="attr-class" id="attr-id"

这是文本

/div

javascript DOM节点有多种类型,我们常用的有(对应上述html片段):

元素节点 [div]

属性节点 [class、id]

文本节点 [这是文本]

javascript中怎样区分元素和节点?

元素是统称;节点是具有唯一性的;元素节点和文本节点之间存在父子关系,元素节点和属性节点之间不存在父子关系。

元素:

就是html文档里,所有的标签都可以称之为元素,比如说p、tr等,意思是说元素是个统称,一个文档里面有很多的元素。

节点:

就是js为了对html文档进行操作,而开发的,也就是DOM,文档对象模型。即每个元素都可以称之为一个节点,节点是唯一的。

文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)。文档可以进一步被处理,处理的结果可以加入到当前的页面。DOM是一种基于树的API文档,它要求在处理过程中整个文档都表示在存储器中。另外一种简单的API是基于事件的SAX,它可以用于处理很大的XML文档,由于大,所以不适合全部放在存储器中处理。

javascript dom中有几种节点类型

一般地,节点至少拥有nodeType、nodeName和nodeValue这三个基本属性。

节点类型不同,这三个属性的值也不相同

nodeType

nodeType属性返回节点类型的常数值。不同的类型对应不同的常数值,12种类型分别对应1到12的常数值

元素节点 Node.ELEMENT_NODE(1)

属性节点 Node.ATTRIBUTE_NODE(2)

文本节点 Node.TEXT_NODE(3)

CDATA节点 Node.CDATA_SECTION_NODE(4)

实体引用名称节点   Node.ENTRY_REFERENCE_NODE(5)

实体名称节点 Node.ENTITY_NODE(6)

处理指令节点 Node.PROCESSING_INSTRUCTION_NODE(7)

注释节点   Node.COMMENT_NODE(8)

文档节点   Node.DOCUMENT_NODE(9)

文档类型节点 Node.DOCUMENT_TYPE_NODE(10)

文档片段节点 Node.DOCUMENT_FRAGMENT_NODE(11)

DTD声明节点 Node.NOTATION_NODE(12)

DOM定义了一个Node接口,这个接口在javascript中是作为Node类型实现的,而在IE8-浏览器中的所有DOM对象都是以COM对象的形式实现的。所以,IE8-浏览器并不支持Node对象的写法


当前标题:节点javascript,节点法
URL链接:http://cdweb.net/article/dsdcgii.html