html style有什么属性

html style有什么属性,第1张

一般的html标签都可以加入style属性直接使用css样式。比如

<div style="css样式"><div>

<span style="css样式"></div>

<ul style="css样式"></ul>

<li style="css样式"></li>

等,基本上body及以内使用的标签对象都可以使用style属性加入css样式。

需要通过javascript在传参的

以修改width为例

<script>

//首先获取到图片的id,也就是在javascript中获取大img,方便后续 *** 作

var face = document.getElementById("face")

//通过face的style属性修改,这里图片的宽度就会变为500px

face.style.width = "500px"</script>

如果你是想在页面输入数值,图片就会变化的话,需要在页面添加输入框和按钮

<input type="text" id="widthValue">

<button id="btn">确定</button>

<script>

//首先获取按钮和输入框的数值

var face = document.getElementById("face")

var widthValue = +document.getElementById("widthValue").value

var btn = document.getElementById("btn")

//通过点击调用匿名函数,给图片赋予新的宽度

btn.onclick = function(){

face.style.width = widthValue

}

</script>


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

原文地址: http://outofmemory.cn/zaji/7489520.html

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

发表评论

登录后才能评论

评论列表(0条)

保存