怎么用JS给一个HTML元素增加一个属性和值

怎么用JS给一个HTML元素增加一个属性和值,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('#txt').val('添加值')$('#txt').attr('data','test')。

3、浏览器运行index.html页面,此时input元素成功被添加了值和属性

最小高度:Object.style.minHeight=length

隐藏元素:Object.style.display=none

其他属性参考: http://www.w3school.com.cn/jsref/dom_obj_style.asp

获取的页面元素,就可以对页面元素的属性进行 *** 作,属性的 *** 作包括属性的读和写。

*** 作属性的方法 

1、“.” *** 作

2、“[ ]” *** 作

属性写法

1、html的属性和js里面属性写法一样

2、“class” 属性写成 “className”

3、“style” 属性里面的属性,有横杠的改成驼峰式,比如:“font-size”,改成”style.fontSize”

js *** 作属性

《script type=text/javascript》

widow。onload = function(){  全部加载渲染完之后才执行下一步

  document。getElementById(div1)。title= 我看到了;

《/script》

《body》

  《div id = div1 class = div1 title = 这是一个div元素,你看到了吗?》

《/body》

在js中有类似font-size这类似的系统回默认为-号,可以用小驼峰  fontSize写法

class属性

需要在class后面加Name

中括号

需要在变量加上中括号。[color]写法

style的写法['style']

  document。write 只能重绘整个页面

innerhtml 可以重绘页面的一部分。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/6936179.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-30
下一篇 2023-03-30

发表评论

登录后才能评论

评论列表(0条)

保存