javascript 操作标签的属性

最新推荐文章于 2021-06-18 23:25:36 发布
最新推荐文章于 2021-06-18 23:25:36 发布
阅读量149 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42815050/article/details/107097053
版权 
<a href="http://www.baidu.com" id="wrap" class="afei" afei="13">a标签</a>

var oWrap = document.getElementById("wrap");
//操作元素的标签属性

//获取
oWrap.href

//修改
oWrap.href = "http://xxx.com";
oWrap.className = ""; //不能用class 用 className代替
//style是一个样式的集合对象，直接赋予它字符串值，不太合适，有更好的操作

//自定义属性不能直接操作,直接操作改变不了标签里的自定义属性
//oWrap.attributes[1].nodeValue = "12";

/*
	三个方法操作标签属性(包括自定义标签属性和合法标签属性)
	getAttribute() 		获取
	setAttribute() 		设置
	removeAttribute() 	移除
*/
console.log( oWrap.getAttribute("afei") );
oWrap.getAttribute("afei", "123"); //把afei属性的值设置为123
oWrap.removeAttribute("class")	//移除class属性
82年的辣鸡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
常用html标签及其属性
weixin_53988377的博客
07-16 1万+
网页的基本结构文档类型声明标签文档标记标签文档的头部标签文档的主体标签。
JavaScript 标签的操作
最新发布
不定时分享最优质的网络技术与教程，满满的干货。
12-31 165
可以使用上的上面的代码，如果把javascript写在元素的上面，就会出错，因为页面上从上往下加载执行的，javascript去页面上获取元素div1的时候，元素div1还没有加载。第一种方法：将javascript放到页面最下边第二种方法：设置页面加载完成执行的函数，在执行函数里面获取标签元素。onload是页面所有元素加载完成的事件，给onload设置函数时，当事件触发就会执行设置的函数。
HTML5 3D卷纸表单填写动画特效.zip
07-11
代码片段： var oWrap = document.getElementsByClassName('wrap')[0], oBox = document.getElementsByClassName('box'), oBtn1 = document.getElementById("btn1"), oShadow = document.getElementsByClassName("shadow")[0], oCon = document.getElementsByClassName("con"), oIcon1 = document.getElementsByClassName('icon1'), oIcon2 = document.getElementsByClassName('icon2'), num = [0,0,0,0,0,0,0,0,0]; //控制每一行的开关
前端小技巧：javascript 获取标签中的属性 对指定标签中的属性进行操作
concealed0的博客
06-30 1万+
javascript 标签中指定属性值的更改与获取 适用于基本标签 <input><i><a>等基本标签 引用jQuery，两种方式 使用下面的input标签为例子 <input id="iconid" type='radio' name='iconfont' value="icon"title=''></input> ...
js 操作元素属性、操作元素样式、display(none、block)
Casablanca
03-09 1万+
js操作元素属性 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Keywords" content="关键字,关键词"&gt; &lt;meta name=
javascript HTML操作代码
10-30
本文将详细介绍 JavaScript HTML 操作代码，包括 JavaScript 操作 HTML 标签、创建 optgroup 元素、动态添加选项、删除选项等内容。 JavaScript 操作 HTML 标签 在 HTML 中，每个元素都可以通过 JavaScript 进行...
JavaScript 节点操作 以及DOMDocument属性和方法
10-30
DOMDocument对象是这个模型的核心，它代表了整个文档，并提供了访问和操作文档中各个元素的方法和属性。 首先，DOMDocument对象的一些重要属性包括： 1. `Attributes`: 这个属性是一个只读的NamedNodeMap，存储了...
JavaScript获取并更改input标签name属性的方法
10-23
在JavaScript中，对HTML元素进行操作是常见的任务，特别是对于表单元素，如`input`标签，因为它们经常需要动态地获取或更改属性值。在本篇内容中，我们将深入探讨如何利用JavaScript来获取和更改`input`标签的`name`...
script标签属性用type还是language
09-03
为了确保脚本在所有现代浏览器中正常运行，应当遵循最佳实践，将`<script>`标签的`type`属性设置为`"text/javascript"`，并避免使用已废弃的`language`属性。这样可以提高代码的兼容性和可维护性。
javaScript操作在html中写入标签和内容
热门推荐
GuessHat的博客
07-18 1万+
javaScript操作在html中写入标签和内容 1.写入标签innerHTML 在id为box的div标签中写入一个span标签，这里需要注意的是，写入不是增加，而是替换，会覆盖原来的内容，也就是说原来标签内的内容全部都没有了 var box = document.getElementById("box") box.innerHTML="<span>456</span>" 2.写入内容innerText 这里也是将内容覆盖，而不是添加 var box = do
javascript操作标签的常规属性
ForestCat的专栏
04-02 1907
html标签和js之间存在映射的关系，html标签在js中以Dom节点对象存在。 js获取html标签中属性的方式有两种：  1. 通过dom对象的getAttribute方法   2. 通过dom节点属性.  但在ie和ff下用node.getAttribute("属性名")得到的结果不太一样，相比下，通过node.属性名得到的结果更一致一些。  请在ie和ff中测试下面的代码:
js操作修改标签属性
hilong
03-13 1万+
获取的页面元素，就可以对页面元素的属性进行操作，属性的操作包括属性的读和写。 操作元素属性 var 变量 = 元素.属性名 读取属性 元素.属性名 = 新属性值 改写属性 &lt;img id="id_chocolate" style="position: absolute; left: 270px; top: 250px;" title="javascript:jr()" name="left:...
js初识、JavaScript组成 引用、window.onload、常用的鼠标事件、变量与调试命令、操作标签01
weixin_52597660的博客
12-14 405
day01 js初识 课程安排： 第一阶段：20天 html+css 静态布局 第二阶段：25天 网页交互 ​ 15天：原生js ​ 5天基础语法： 变量 if else for循环 函数 ​ 5天webapi：方法 ​ 5天高级 ​ 4天项目：优学 ​ 1天touchjs：移动端手势 ​ 4天：jquery ​ 1天:答辩 第三阶段：es6+nodejs 15天
操作标签属性
ablu56590的博客
08-21 163
一、获取标检属性 1）innerHTML对元素内容可读可写。 2）获取一个标签上面的合法属性直接用点操作。 如：获取title属性内容，直接点操作。 注意：name属性获取不到，是一个不合理的属性。 3）获取class属性，用.className获取。 4）对于合法的属性都是可读可写的，包括id和class名称，其之前的对象不会改变，指针还是指向原来的元素。 二、class...
原生Js对html文档的属性操作
SmallCode的今天
11-18 620
开始学习js，一直在使用，但是就是一直是模模糊糊的感觉，所以，自己想写一些最基本的注意事项： js对html文档的属性读写操作中，要注意的有以下几点： 1. 针对 class 属性，因为class是javaScript中的一个保留字，我们并不能去使用，所以在我们对dom元素进行处理的时候，想去获取或者设置class属性，直接写class是不正确的，我们必须要用className属性.
JavaScript中设定获取标签的属性值
MixedSignals的博客
03-29 910
相关博客：https://blog.csdn.net/MixedSignals/article/details/105155812 JavaScript中对于标签属性的设定分成若干中情况， 比较复杂没有固定的用法，需要慢慢的理解和记忆 标签对象.setAttribute(属性 , 属性值) ①标签本身具有属性 console.dir(标签对象) 可以看到的都可以通过标签直接操作，不一定要用 set...
JavaScript 操作元素属性
DevOps海洋的渔夫@专栏
03-14 325
仅供学习，转载请注明出处 获取的页面元素，就可以对页面元素的属性进行操作，属性的操作包括属性的读和写。 操作属性的方法 1、“.” 操作 2、“[ ]”操作 属性写法 1、html的属性和js里面属性写法一样 2、“class” 属性写成 “className” 3、“style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”style...
JavaScript (五)---[HTML DOM, 对标签的属性,标签体的内容,CSS属性,标签事件进行操作]
从零开始的异世界JAVA学习
06-18 339
目录HTML DOM对于属性的操作对于标签体的内容进行操作对于标签的CSS修饰属性进行操作 HTML DOM DOM (Document Object Model) 文档(网页中的标签)对象模型;通过html dom，可用javaScript操作html文档的所有标签. 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风
javascript操作标签的自定义属性
ForestCat的专栏
04-02 3360
自定义属性是一个很好用的小技巧，利用它我们可以用来保存其它类型的数据。 如数组，hash对象，字符串等. 但js来操作自定义属性要注意。  案例: 在标签中定义了一个自定义属性  visitNumber baidu var node=document.getElementById("a"); alert( node.getAttribute("visitNumber"

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值