JavaScript获取页面元素的常用方法详解
1、通过标签获取元素，返回一个数组
var li = document.getElementsByTagName('li');//标签获取元素
li[0].innerHTML;// 查看获取元素的内容
li[0].innerHTML = "content";//修改获取到标签中的内容
2、通过id获取页面元素
var header = document.getElementById("header");//id获取元素
3、通过class名字获取页面元素
var list = document.getElementsByClassName('list');//返回一个数组，通过下标访问文本
4、通过CSS选择符方式获取页面元素
//querySelector：返回符合条件的第一个
var str = document.querySelector('li');
var str1 = document.querySelectorAll('li');//全部返回，每个li都是一个对象
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JavaScript获取页面的常用方法</title>
<script>
// 1、通过标签获取元素，返回一个数组
var li = document.getElementsByTagName('li');
//2、通过id获取页面元素
var header = document.getElementById("header");
// 3、通过class名字获取页面元素
var list = document.getElementsByClassName('list');//返回一个数组，通过下标访问文本
// 4、通过CSS选择符方式获取页面元素
//querySelector：返回符合条件的第一个
var str = document.querySelector('li');
// querySelectorAll：返回符合条件的每一个
var str1 = document.querySelectorAll('li');
</script>
</head>
<body>
<p id="header">JavaScript学习</p>
<ul class="list">
<li>HTML</li>
<li>jQuery</li>
<li>JavaScript</li>
</ul>
<ul class="list">
<li>HTML</li>
<li>jQuery</li>
<li>JavaScript</li>
</ul>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍JavaScript中常见获取元素的方法汇总，包括了JavaScript中常见获取元素的方法汇总的使用技巧和注意事项，需要的朋友参考一下 常见的获取元素的方法有3种，分别是通过元素ID、通过标签名字和通过类名字来获取。 getElementById DOM提供了一个名为getElementById的方法，这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。 它是
-
本文向大家介绍详解javascript获取url信息的常见方法，包括了详解javascript获取url信息的常见方法的使用技巧和注意事项，需要的朋友参考一下 先以“http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345”为例，然后获得它的各个组成部分。 1、获取页面完整的url 2、获取页面的域名 3、获取url协议
-
本文向大家介绍JavaScript获取指定元素位置的方法，包括了JavaScript获取指定元素位置的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript获取指定元素位置的方法。分享给大家供大家参考。具体如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍基于selenium 获取新页面元素失败的解决方法，包括了基于selenium 获取新页面元素失败的解决方法的使用技巧和注意事项，需要的朋友参考一下 当我们使用selenium 实现模拟登陆时，获取到登陆按钮元素后，直接调用它的click()方法就能实现登陆跳转，并且此时的webDriver 也是指向 当前页面，这个是没问题的，不过需要注意的是因为页面加载速度一般小于程序运行速度，所
-
本文向大家介绍JS获取动态添加元素的方法详解，包括了JS获取动态添加元素的方法详解的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS获取动态添加元素的方法。分享给大家供大家参考，具体如下： 在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时候,我们有下面三种处理方法: 1. 在模板引擎里面添加行内事件 2. 利用事件的委托获取(常用)
-
本文向大家介绍JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法，包括了JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法的使用技巧和注意事项，需要的朋友参考一下 最近工作中总遇到取各种父啊子啊兄弟姐妹啊，每次都得查，这次整理个全乎的~ 先给大家上干货： 【js的获取方式】 【jQuery的获取方式】