1.3、DOM节点类型 1). 元素节点 2). 属性节点: 元素的属性, 可以直接通过属性的方式来操作. 3). 文本节点: 是元素节点的子节点, 其内容为文本. 举个例子: 文本内容。 上面这行代码中:p标签为元素节点、title属性为属性节点、p的内容"文本内容"则为文本节点。其中文本节点是 p 元素节点的子节点。 二、Ja...
所谓的 DOM,实际上就是 document,获取元素就是操作 document。 (1)、通过 id 找到元素 方法:document.getElementById('id'); 网页是由标签将信息组合起来的,id 属性值是唯一的,就像身份证一样,通过一个身份证可以找到相对应的人,所以通过该方法,可以获取到与之相对应的标签,而获取的元素在 JS 中是一个对象,...
原生的DOM节点操作还是非常简单实用的,除了单词长了一点以外好像也没有什么明显的缺点,当然当我们刚开始使用DOM节点操作的时候,还是会遇到一些坑的。 最容易出错的地方就是document.getElements这里了,因为这里返回的是一个数组,记住是一个数组,而不是一个节点对象,所以一定要在数组的后面加上其对应的节点的索引值,就...
弱类型语言:JavaScript是一种弱类型语言,变量的数据类型可以随时改变,不需要声明变量的类型。 事件驱动:JavaScript可以通过监听用户的操作或者其他事件触发特定的代码执行,实现网页的交互性。 DOM操作:JavaScript可以通过文档对象模型(DOM)来操作网页的HTML元素,可以动态地添加、修改和删除元素。 表单验证:JavaScript可以通过表...
操作元素属性 元素属性:书写在标签身上, 一个 key=value 的键值对, 叫做一条属性。通过我们各种获取元素的方式获取到页面中的标签以后。我们可以直接操作 DOM 元素的属性,就能直接把效果展示在页面上。 属性的分类 原生属性 在W3C 规范中提到的属性, 对标签有一定的特殊意义或者描述作用。 id, class, src, type...
JavaScript的DOM操作可以改变网页内容、结构和样式,我们可以利用DOM操作元素来改变元素里面的内容、属性等。注意以下都是属性 4.1改变元素内容 我是文字 123 //innerText和innerHTML的区别 //1.innerText 不识别html标签 非标准 去除空格和换行 var div = document.querySelec...
一、DOM 简介 什么是 DOM:DOM 是将 HTML 文档以树状结构表示的模型。 DOM 的作用:使 JavaScript 能够与网页内容进行交互。 二、基础 DOM 操作方法 获取元素:使用getElementById、getElementsByTagName等方法。 修改内容:通过innerHTML、textContent等属性改变元素的文本内容。
最后是DOM的属性: nodeName -节点的名字; nodeType -返回一个整数,代表这个节点的类型,1-元素节点,2-属性节点,3-文本节点; nodeValue -返回一个字符串,这个节点的值; childNodes -返回一个数组,数组由元素节点的子节点构成; firstChild -返回第一个子节点; ...
JavaScript中的DOM操作基础知识 DOM操作 可以使用querySelector()方法查询 DOM,该方法将任意 CSS 选择器作为参数: const myElement = document.querySelector('#foo > div.bar') 1. 通过Doument 类型调用querySelector()方法时,会在文档元素的范围内查找匹配的元素。而通过 Element 类型调用querySelector()方法时...