JavaScript获取元素clss属性-编程练习

最新推荐文章于 2024-03-23 18:34:55 发布
最新推荐文章于 2024-03-23 18:34:55 发布
阅读量364 收藏
点赞数
分类专栏： Javascript 基础案例
cnblog博客：https://www.cnblogs.com/f6056/
本文链接：https://blog.csdn.net/weimob258616/article/details/90136940
版权

 下列代码中，哪一个能获取到p标签的class属性？（选择两项）

<body>
    <p id="p1" class="p" date-type="pDate">我是标签里的内容</p>
 
    <script>
        var p=document.getElementById("p1");
        var pClass=?;
        console.log(pClass);
    </script>
</body>

A   p.class ; 

B  p.className ;

C  p.getAttribute("class");

D  p.getAttribute("p");

 

 

 

 

参考答案：

 BC

 

请叫我二狗哥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java-Base基础学习.rar
06-30
知识点： 1、dos执行回顾 2、JDK安装 3、环境变量配置 4、测试环境变量配置是否成功 5、写第一个程序 ...6、运行第一个程序 注意：JAVA的运行机制 ...右键计算机==》属性==》高级系统设置==》高级==》环境
XCTF-mobile app2
01-03
app2-安卓逆向1.提取文件2.分析文件3.分析XML文件4.经过验证得到flag5....下载地址：点此下载 1.提取文件 更改app安装包后缀为zip 把这3个文件解压出来 ...可以看到程序获取两个编辑框的内容，通过Intent机制调用S
JavaScript属性获取
weixin_33802505的博客
02-08 109
一、操作标签的合法属性 合法属性：比如id、class、title、href、src等。 获取合法属性：获取元素之后，直接使用点语法。 修改合法属性：获取元素之后，用等号赋值，修改已有属性。 添加合法属性：直接等号赋值。 &lt;div id="box" title="你好"&gt;你好吗？&lt;/div&gt; &lt;script&gt; var title = document.get...
使用JavaScript获取元素属性
Web 开发&软件开发
07-25 234
使用JavaScript获取元素属性 我非常喜欢JavaScript的是，该语言是动态的。 如此动态，您可以根据需要修改本机对象。 我最近经常使用的一个动态属性是DOM元素的attributes属性。 这个attributes属性为我提供了给定元素上每个属性的名称和值！ HTML 假设我们正在使用以下元素： <div class="myClass" id="myId" ti...
js获取class（js获取class对象的三种方式）className
最新发布
03-23 1500
直接使用 element.className 可以获取元素的class名称，但是它只能获取到元素的class名称串，如果想要获取到多个class名称，并且它们之间存在空格，则需要使用 element.classList。可以通过 Jquery 提供的 .attr() 方法来获取 class 属性的值，也可以使用 .addClass()、.removeClass()、.toggleClass() 等方法来添加、删除、切换类名。// 获取元素的class名称。// 获取元素的class名称。
JavaScript DOM 中获取元素属性
ios0213的专栏
05-17 296
123 456 789 var mm=document.getElementsByTagName("p"); alert(mm[2].id);    /*此处创建了对象后，可以直接用对象获取相应的属性值*/
js笔记之DOM获取页面元素小练习
几百块的博客
04-16 149
JavaScript的傻瓜式计算器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> ...
JavaScript-读取/操作元素属性
qq_39111074的博客
09-27 248
读取元素属性值 元素对象.属性名 元素对象.getAttribute(‘属性名’) 两者区别： 方法1 只能读取自带属性，不能读取自定义属性 方法2 自带、自定义属性 都可以读取 一般，读取自带属性就用 传统的方法1； 读取自定义属性用 方法2 H5中自定义属性一般加上前缀“data-”，例如“data-index” 获取data-开头的自定义属性还可以用- - -元素对象.dataset.除前缀的后面名，eg: 元素对象.dataset.index 如果自定义属性名较长，如这种：data-fruit
city_explorer_api
03-30
city_explorer_api 项目名称 作者：Naeem Musamh版本：1.5.0 ...功能部件的编号和名称：clss-06 Node，npm和Express 预计完成时间：3：30小时 开始时间：3：30pm 结束时间：6:30 pm 完成所需的实际时间：2小时
自动为java applet的clss文件生成html文件
05-11
为java applet编译后的class文件自动生成一个可运行的html文件，默认保存在class文件目录，可设置applet高度，宽度。 程序为QT开发，运行环境：windows
ganymed-ssh2-build210-sources.jar.zip
06-21
Connection.clss 等许多文件传输类。 查看源码的方法： 1.把此jar文件夹在加载到eclipse中（鼠标右键build path - configure build path-libraries-add jars-选择此jar文件(本地路径)-ok-apply） 2.在代码中，把鼠标...
JavaScript基础（一）元素获取与元素属性
yangwei2048的博客
12-01 345
元素获取与元素属性元素获取与属性获取getElementById属性的获取属性值设置图片的相对路径问题与background问题 元素获取与属性获取 getElementById *{margin: 0;padding: 0} #wrap{width: 300px;margin: 20px auto;} #wrap li{float: left;list-style: none;margin: 5...
js获取元素的方法与属性
采菊东篱下，Python满乾坤！
09-04 1712
js获取元素的方法   可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，然后将它赋值给一个变量       var oDiv =document.getElementById('div1');     alert(oDiv) 弹出对话框     这是一个div元素 但是注意:
9.Javascript之获取属性
weixin_37714766的博客
03-30 273
一、获取属性 对于如下标签的属性： <div id = "div1" title = "hello" class = "box" xxx = "yyy"> div文本 </div> javascript要想获取可以先获取id，在通过.属性的方式获取属性，如下所示： window.onload = function(){ var oDiv = document.g...
js基础-对象属性的获取方法练习题
weixin_41675013的博客
05-22 271
var name = "age"; var obj = { age: 10, name: '珠峰培训' }; console.log(obj.name);//珠峰培训 console.log(obj['name']);//珠峰培训 console.log(obj[name]);//10
通过clss属性查找元素
modun1986的专栏
03-23 109
function hasClass(name,type) { var r = []; // Locate the class name (allows for multiple class names) var re = new RegExp("(^|\\s)" + name + "(\\s|$)"); // Limit search by type...
Javascript获取元素的方式
llanstar的博客
11-13 1078
1.根据id获取元素 document.getElementById("id的属性值") 2.根据标签获取元素 document.getElementsByTagName("标签的名字") 3.根据name的属性值获取元素 document.getElementsByName("name的属性值") 4.根据类样式的名字获取元素 document.getElementsByClassName("类样式的名字") 5.根据选择器的方式来获取元素 document.querySelector(
Javascript获取属性的值以及比较值
N/A
10-11 1866
这几天遇到一个比较两个对象中属性值是否相等的问题。写了一个比较函数，如下： function isObjectValueEqual(a, b) { var aProps = Object.getOwnPropertyNames(a); var bProps = Object.getOwnPropertyNames(b); if (aProps.length != bP
JavaScript设置与获取标签属性
weixin_43114485的博客
03-30 1375
JavaScript获取标签属性 先介绍两个常用方法: attr() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值，则返回第一个匹配元素的值。 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对...
js根据clss查找元素
06-10
可以使用以下几种方式来根据class查找元素： 1. 使用`document.getElementsByClassName()`方法： ```javascript var elements = document.getElementsByClassName('your-class-name'); ``` 这个方法会返回一个类数组对象，其中包含所有class为`your-class-name`的元素。需要注意的是，这个方法是比较新的方法，不兼容低版本的浏览器。 2. 使用`document.querySelectorAll()`方法： ```javascript var elements = document.querySelectorAll('.your-class-name'); ``` 这个方法会返回一个NodeList对象，其中包含所有class为`your-class-name`的元素。这个方法也可以使用CSS选择器来查找元素，比较灵活。 3. 使用循环遍历所有元素： ```javascript var elements = document.getElementsByTagName('*'); var result = []; for (var i = 0; i < elements.length; i++) { if (elements[i].className === 'your-class-name') { result.push(elements[i]); } } ``` 这个方法会遍历页面中所有元素，找到class为`your-class-name`的元素并将其存入一个数组中。这种方法需要遍历整个页面，可能会比较耗时，不适合在大型页面中使用。 以上是几种根据class查找元素的方法，可以根据实际情况选择使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值