html5 dom操作api,17 HTML5 DOM获取元素.html

Document

第1个li
第2个li
第3个li
第4个li
我不是段落

我是段落

// document.getElementById(id) 获取一个元素

// document.getElementsByTagName("li") 获取某类标签元素伪数组

// document.getElementsByName(name) 获取名字元素伪数组

// html5 新增的获取元素 document.querySelector(选择器);

// query 查询 selector 选择器

// 选择器标签类 id 后代子代 ...

//1. querySelector 类似于 jquery $("li")[0] 但是只选取第一个符合条件的元素

// var li = document.querySelector("li"); 里面放的是标签选择器

// var li = document.querySelector(".demo"); jquery $(".demo")[0] 里面放的是类选择器

// var li = document.querySelector(".demo p"); jquery $(".demo p")[0] 里面放的是后代选择器

// console.log(li);

// li.style.color = "red";

// 2. document.querySelectorAll("选择器") 选择所有的 $() 但是只能选取得到一个伪数组

//var lis = document.querySelectorAll("li");

var lis = document.querySelectorAll(".demo");

// console.log(lis);

//lis.style.color = "red"; 此时得到的是一个伪数组里面包含所有的li getElementsByTagName("li")

// 如果想要操作里面的所有元素必须遍历

for(var i = 0 ;i< lis.length; i++) {

lis[i].style.color = "red";

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

html5 dom操作api,17 HTML5 DOM获取元素.html相关推荐

JavaScript基础13-day15【DOM增删改、DOM添加删除记录、操作内联样式、获取元素的样式、DOM Element 对象、滚动条练习、事件对象、div跟随鼠标移动、事件冒泡】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
dom html api,JavaScript常用DOM的API
在介绍DOM的API之前,先介绍下一些DOM基本概念. DOM,文档对象模型,把文档树当成对象来看的模型. DOM 是 JavaScript 操作网页的接口,全称为"文档对象模型" ...
js基础知识（二十五）--DOM查询的其他方法、获取元素的后代和子元素
一.DOM查询的其他方法在document提供了一些直接获取元素的方法 document.body获取到页面的body元素 document.documentElement获取页面html中的根元素 ...
html5 api dom 文档,javascript dom操作API
1)创建节点:除了可以使用createElement创建元素,也可以使用 . createTextNode创建文本节点. document.body指向的是元素; document.document ...
HTML5 文件操作API
简介我常常想,如果网络应用能够读取和写入文件与目录,将会非常方便.从离线转移到在线后,应用变得更加复杂,而文件系统方面的API的缺乏也一直阻碍着网络前进.存储二进制数据或与其进行交互不应局限于桌面. ...
jQuery Dom 操作，动态生成dom，绑定事件
1.获取内容 - text().html()以及val() text()-设置货返回所选的元素的文本内容:$("#text").text(); html()- 设置或返回所选元素的 ...
JS中的DOM操作属性、DOM创建、DOM增加、DOM修改、DOM删除以及DOM获取非行间样式
当网页被加载时,浏览器会创建页面的文档对象模型DOM(Document Object Model),在DOM中,每个东西都是节点. DOM四大操作:查找.更新.添加.删除通过DOM,JavaScri ...
Javascript操作DOM常用API总结
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念在讲解操作DOM的api之前, ...
【repost】Javascript操作DOM常用API总结
Javascript操作DOM常用API总结文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认 ...
WebAPI第一天学习总结—— DOM、获取元素、事件基础、操作元素、节点操作
Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访 ...

html5 dom操作api,17 HTML5 DOM获取元素.html

html5 dom操作api,17 HTML5 DOM获取元素.html相关推荐

最新文章

热门文章