gpt4 book ai didi

html - 如何使用 JS innerHTML 打印 div 宽度或颜色?

转载 作者:太空宇宙 更新时间:2023-11-04 13:28:02 25 4
gpt4 key购买 nike

<分区>

我不知道如何使用 getElementById().innerHTML 获取 CSS 参数(正确的术语?)或显示在诸如 p 之类的东西中的值。抱歉,这是两个问题——当 CSS 值为数字时,我是否需要使用 toString 或类似的东西?

我会很感激一个纯 JS 的答案,但如果你认为它是最好的,jQuery 也很好。我正在我手机中的一款名为 HTML + CSS + Javascript 的应用程序上执行此操作——我不知道如何访问 jQuery 库。

HTML:

<body>
<h1>Practice Page</h1>
<div id="box">
<div id="runner"></div>
</div>
<p id="color"></p>

<p id="width"></p>

<script src="practiceA.js" type="text/javascript"></script>

</body>
</html>

JS:

document.getElementById('color').innerHTML=
document.getElementById('runner').style.backgroundColor;

document.getElementById('width').innerHTML=
document.getElementById('box').style.width;

还有 CSS:

#runner{
height:10px;
width:10px;
background-color: red;
}

#box{
height:100px;
width:100px;
border:1px solid black;
}

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com