JS_js设置与获取标签属性，js设置元素样式

超、凢脫俗 2022-11-21 01:10 417阅读 0赞

JavaScript获取标签属性

先介绍两个常用方法:

attr() 方法设置或返回被选元素的属性和值。

  • 当该方法用于返回属性值，则返回第一个匹配元素的值。
  • 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。

prop() 方法设置或返回被选元素的属性和值。

  • 当该方法用于返回属性值时，则返回第一个匹配元素的值。
  • 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

应用
标签如下:

  1. <input type="text" name="mohu" value="mohu">
  2. <input type="text" name="zd" placeholder="1" >

js获取：

  1. var v1 = $("[name='mohu']").attr("type");
  2. var v2 = $("[name='zd']").attr("placeholder");  
  3. console.log(v1)                    //text
  4. console.log(v2)                    //1

让复选框全选,设置属性：

  1. $("[name='mohu'],[name='zd']").prop("checked",true)

js设置元素样式:

  1. $("body").attr("style","background:url('https://s1.ax1x.com/2020/10/29/BGAVeA.jpg');width:100%;height:128px;");
  2. $("img").attr("width","180");

发表评论

表情：
评论列表 （有 0 条评论，417人围观）

还没有评论，来说两句吧...

相关阅读

    相关 js获取元素样式

    js获取当前元素样式时，除了使用element.style.样式名，还有其他两个方法。 1.currentStyle,用于获取当前元素的样式 语法：元素.current

    叁歲伎倆叁歲伎倆/ 0 赞/ 144 阅读