通过哪些方法可以获取页面的html元素,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都是一个对象

JavaScript获取页面的常用方法

// 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');

JavaScript学习

HTML
jQuery
JavaScript

HTML
jQuery
JavaScript

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

通过哪些方法可以获取页面的html元素,JavaScript获取页面元素的常用方法详解相关推荐

python中docx模块的使用_python使用docx模块读写docx文件的方法与docx模块常用方法详解...
一,docx模块 Python可以利用python-docx模块处理word文档,处理方式是面向对象的.也就是说python-docx模块会把word文档,文档中的段落.文本.字体等都看做对象,对对象 ...
js和php获取页面的url信息
javascript实现: top.location.href 顶级窗口的地址this.location.href 当前窗口的地址 PHP实现 #测试网址: http://localhost/blog ...
ajax获取cpu的占用率,JavaScript获取当前cpu使用率的方法
本文实例讲述了JavaScript获取当前cpu使用率的方法.分享给大家供大家参考,具体如下: 想获取当前系统cpu的使用率,如果允许使用hta,可以使用以下的代码获取当前cpu的使用率(较为精确) ...
socket 获取回传信息_Luat系列官方教程5：Socket代码详解
文章篇幅较长,代码部分建议横屏查看,或在PC端打开本文链接.文末依然为爱学习的你准备了专属福利~ TCP和UDP除了在Lua代码声明时有一些不同,其他地方完全一样,所以下面的代码将以TCP长连接的数据 ...
php页面自分页刷新,详解PHP+AJAX无刷新分页实现方法
PHP+AJAX无刷新分页实现代码详解,最近在看ajax 教程,就想写个简单入门的PHP+AJAX无刷新分页,我们依据ajax开发框架,代码如下: var http_request=false; fu ...
python中字符串类型的encode()方法_第五章 Python字符串常用方法详解
5.1 Python字符串拼接(包含字符串拼接数字) 在 Python中拼接(连接)字符串很简单,可以直接将两个字符串紧挨着写在一起,具体格式为: strname = "str1" ...
HTML导航栏的四种制作方法,jQuery+CSS3实现四种应用广泛的导航条制作实例详解
导航条的使用很广,每个网站都会做出具有自己特色的导航条.最近特地去了解了各种类型的导航条,比如具有高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,甚至是具有摩擦运动动画的导航条(文字下 ...
mybatis获取表名_mybatis plus 的动态表名的配置详解
mybatis plus简介详见mybatis plus的官网业务要求业务上要求存储数据的时候根据某个字段动态的选择数据要存储的表. 如根据code字段: code->[1001,1002 ...
java中isblank 方法_StringUtils中的isEmpty、isNotEmpty、isBlank和isNotBlank的区别详解
一.StringUtils中的isEmpty方法 1.StringUtils中的isEmpty方法中的源码如下: 注:由源码可知(判断某字符串是否为空,为空的标准是str==null或str.leng ...

通过哪些方法可以获取页面的html元素,JavaScript获取页面元素的常用方法详解

通过哪些方法可以获取页面的html元素,JavaScript获取页面元素的常用方法详解相关推荐

最新文章

热门文章