首页 > 其他分享 >js的实用操作之removeAttribute

js的实用操作之removeAttribute

时间:2023-02-11 11:44:05浏览次数:35  
标签:removeAttr removeAttribute cc js 实用 readonly 移除 属性

1.HTML DOM removeAttribute() 方法-----这是可以删除指定的属性,如需移除若干个属性,请使用空格分隔属性名称。例如:style,readonly等。

实例:

let cc = document.getElementsByTagName("Input"); //此时使用的是寻找标签名的方法,即div,input之类的,这样可以快速找到一类元素。
                   console.log('sc-1', cc);
                   cc[19].removeAttribute("readonly");//如果换成removeAttr则会报错!!!!!

此外,还可以这样用它的变种removeAttr()。但是它的优点是可以直接在一个 jQuery 对象上调用该方法,并且它解决了跨浏览器的属性名不同的问题。

它只能搭配jQuery 对象使用,

$("input").removeAttr("readonly"); //注意这种通过标签名寻找dom元素的方式,比较简洁。和上面的cc一样的结果。
$("textarea").removeAttr("readonly");

拓展:

removeProp(“固有属性名”)仅仅会移除掉所有匹配到的元素的固有属性的值,(不能移除新增属性),属性名会保留。

标签:removeAttr,removeAttribute,cc,js,实用,readonly,移除,属性
From: https://www.cnblogs.com/131362wsc/p/17111133.html

相关文章

  • 演练 tab栏切换 js 230211
    初始代码div全隐藏<button>1</button><button>2</button><button>3</button><div>1</div><div>2</div><div>3</div>需求效果点谁谁显示......
  • js中的闭包详解
    闭包:闭包的应用直接上代码理解:functiondoSth(t,cb){returnfunction(){if(--t===0){cb()}}}functionlogSth(){console.log('嘿嘿嘿');}letfn=doSth(4,lo......
  • 标签的自定义属性操作 js 230211
    约定一般在自定义属性名前加上一个data-例如,index属性data-index设置属性按照约定的方式设置前缀加data-h2.setAttribute("data-index","6")获取属性格式1:标签对象.dataset......
  • JSP_指令_include&taglib指令与JSP_注释
    JSP_指令_include&taglibinclude指令:1.page:配置JSP页面的2.include:页面包含的。导入页面的......
  • [SA记录] P6095 [JSOI2015]串分割
    题目首先考虑到题目要求分割出的$k$个数中最大值尽量小,所以我们分割出的$k$个数的长度尽量相同。我们令$m=\lceil\frac{n}{k}\rceil$,那么这$k$个数中,有的长度为$m......
  • 前端学习案例16-js中的HMR
    ......
  • bootstrap-js插件1-55
    1引入css和js2复制html组件 3运行之后得到下拉框......
  • bootstrap-js插件2-56
    1大模态框引入html自己定义2说明就可以显示js调用script ......
  • Vue课程22-使用babel-loader处理高级的js语法
        //导入jqueryimport$from'jquery'//导入图片文件importlogofrom"./logo.jpg"//给img标签的src动态赋值$('.box').attr('src',logo)//定义jquery的入口import......
  • 歌谣-jsp学习-web技术的前世今生1
    Web服务器•1990年,第一个Web服务器开始运行•网站服务器•站点服务器•本质上是一个软件系统•安装了web服务器软件的计算机为什么没有流传•操作太复杂•页面不好看•……......