js如何获取标签的属性值

最新推荐文章于 2024-11-28 22:06:28 发布
原创 最新推荐文章于 2024-11-28 22:06:28 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #ViewUI

本文通过一个简单的示例介绍了如何使用JavaScript来获取页面中的特定元素并读取其属性。具体地，示例展示了如何利用`getElementById`和`getElementsByTagName`方法定位到HTML文档中的指定元素，并进一步获取这些元素的类名。

<a class="a0" id="xxoo"> ggggggggggggg

     <span class="b0">hhhhhhhhhhhhhhhhhhhhhhhh</span>

</a>

 

js:

document.getElementById("xxoo").getElementsByTagName("SPAN")[0].className

 

JS使用getComputedStyle()方法获取CSS属性值
01-19
obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type=”text/css”>里面的属性。 代码如下: <span xss=removed><!DOCTYPE html PUBLIC ...
vue.js 获取当前自定义属性值
10-19
本文将详细介绍如何在Vue.js中获取自定义属性值。 首先，需要明确的是，在HTML中，所有以“data-”为前缀的属性都会被自动存储在一个名为`dataset`的特殊对象中，该对象是所有拥有data-*属性的DOM元素的属性集合。...
js怎么获取html标签的属性的值,js和jquery通过this获取html标签中的属性值
weixin_36106852的博客
06-04 348
/** JQUERY 通过当前标签属性名，获取属性的值 */function attrsByJquery(obj){var v1 = $(obj).attr("dbname");var v2 = $(obj).attr("name");alert(v1);alert(v2);}/** JAVASCRIPT 通过当前标签属性名，获取属性的值 */function attrsByJs(obj){v...
JavaScript获取标签的属性和DOM操作属性
m0_61843988的博客
08-08 5975
获取标签的属性，DOM操作属性
js 读取属性值
qq_41353397的博客
10-25 203
<a href="#" id="testId" >事件</a> var idValue= $(a).attr("id");
js获取、设置元素属性值
最初的梦想
07-25 1万+
文章目录setAttributegetAttributegetComputedStylecurrentStyle`元素.style.属性名` 网页css和样式结构 #box{ width:100px; height:100px; } <div id="box" style="background:red;"></div> setAttribute 元素...
JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？jQuery中的text()、html()和val() ？...
weixin_30304375的博客
06-01 691
一、JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？ 1、innerHTML 属性 （参考自《JavaScript高级程序设计》294页） 在读模式下，innerHTML 属性返回与调用元素的所有子节点（包括元素、注释和文本节点）对应的 HTML 标记。在写模式下，innerHTML 会根据指定的值创建新的 DOM 树，然后用这...
Javascript获取标签ID改变style属性的代码
10-27
在探讨如何使用JavaScript获取标签ID并改变其style属性之前，我们需要了解几个关键的Web开发知识点，包括HTML元素的ID属性、JavaScript中的DOM操作以及CSS样式的应用方式。以下将详细阐述这些概念，并结合给定的代码...
js获取某元素的class里面的css属性值代码
12-02
在 JavaScript 中，获取元素的 CSS 属性值通常有两种情况：一种是直接在 HTML 元素的 `style` 属性内定义的样式，另一种是通过外部 CSS 文件或 `<style>` 标签设置的样式。对于前者，我们可以直接通过 `element....
Java基于正则表达式获取指定HTML标签指定属性值的方法
08-31
本文将详细介绍如何使用Java基于正则表达式获取指定HTML标签的指定属性值。这个方法适用于那些不想引入额外HTML解析库，而是希望通过简洁的代码实现这一功能的开发者。 首先，我们要理解HTML标签的基本结构。一个...
js-取值&赋值-获取某标签某属性的值
weixin_34199405的博客
03-13 3105
  js 取值&amp;赋值-获取某标签某属性的值 CreateTime--2016年10月16日16:35:34 Author:Marydon 1.取值 //方法一 //自定义属性必须用getAttribute()方法 var iframeSrcAttr = document.getElementById("importJsp").getAttribute("src...
js获取元素属性的方法
最新发布
liuxue9998的专栏
11-28 414
js获取元素属性的方法
js对象获取属性的方法(.和[]方式)原理
weixin_46669844的博客
11-21 3865
对象/数组[""],里面属性名可以是不符合js规范的，如数组索引。对象/数组[属性] []内number型属性会被隐式转换成字符串，因此数组.索引可以使用。最初数组和对象相关使用方法区别不是很大，因为数组和对象本质都是调用一个变量可以查看存储的多个值。对象/数组.属性 此方式获取元素要求.后面的属性名必须符合js的命名规范。对象和数组从原则上都是可以通过.或者[]获取属性，但是存在命名规范的问题。下面从底层说明数组和对象都可以通过[]获取元素的原因。
JS获取元素属性和自定义属性
热门推荐
马优晨
09-14 16万+
昨天有同事问我，怎么获取自定义元素的属性，我意识到这个确实是个 问题，所有总结一下自己的心得。 获取元素的属性分为两种类型：1-获取元素常见的属性（class,id,type,value……）2-获取自定义的元素的属性（data-value,data-mess…….）获取元素的属性，设置元素的属性： 1-原生JS** 设置属性 .setAttribute("属性","值")
JS通过HTML标签自身属性获取属性值
PinkCoder
03-14 9791
当JS拼接HTML放在页面时，可能会出现JS中事件无反应情况，下面写法可以避免这个问题 &lt;html&gt; &lt;header&gt; &lt;title&gt;JS通过标签自身属性获取属性值&lt;/title&gt; &lt;script src="jquery-3.1.1.min.js"&gt;&lt;/script&gt; &lt;/header&a
前端小技巧：javascript 获取标签中的属性 对指定标签中的属性进行操作
concealed0的博客
06-30 1万+
javascript 标签中指定属性值的更改与获取 适用于基本标签 <input><i><a>等基本标签 引用jQuery，两种方式 使用下面的input标签为例子 <input id="iconid" type='radio' name='iconfont' value="icon"title=''></input> ...
JS获取Html标签属性的两种方法
chuxingbubian的博客
09-18 2万+
用JS获取Html标签属性 用JS获取Html标签属性有两种方法： 如Web开发 JS代码： var ka=document.getElementByI d(“link”); alert(ka.getAttribute(“id”)); alert(ka.id); 两种方法都能弹出a标签的ID属性，但从各浏览器兼容上来说用ka.id的方式更好，但对于自定义属性blogname,则就要用getAttr...
js: 获取标签元素data-*属性值的方法
彭世瑜的博客
05-23 7344
标签上有两个属性data-id 和 data-user-name, 需要通过js去获取 <style> #user::before { content: attr(data-id); } #user::after { content: attr(data-user-name); } </style> <div id="user" data-id="666" data-user-name="Tom"></div> 方式
js点击标签时获取当前标签属性值
weixin_34128839的博客
07-22 1394
document.body.onclick=function(){ var obj = document.elementFromPoint(event.clientX,event.clientY); //其中的 obj.tagName=="A" 表示获取当前的标签是a标签 ...
js中如何获取某一个属性的值，如何设置一个属性的值
渴望飞的鱼的博客
03-06 1万+
.getAttribute("属性名")//获取.setAttribute("属性名","值")//设置代码如下：  function addNativeId(nativeId){           document.getElementById("dealObjectName").setAttribute("rootId",nativeId);//设置.rootId="0000001"
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值