程序博客网 > 战龙三国徐晃进阶数据

JavaScript HTML DOM - 改变CSS

来源：互联网发布：战龙三国徐晃进阶数据编辑：程序博客网时间：2024/05/17 01:35

<html>
<body>

<p id="p2">Hello World!</p>

<script>
document.getElementById("p2").style.color="blue";
</script>

<p>The paragraph above was changed by a script.</p>

</body>

</html>

本例改变了 id="id1" 的 HTML 元素的样式，当用户点击按钮时：

实例

<!DOCTYPE html>
<html>
<body>

<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color='red'">
Click Me!</button>

</body>
</html>

如何使元素不可见。您希望元素显示或消失吗？

<!DOCTYPE html><html><body><p id="p1">这是一个文本。 这是一个文本。 这是一个文本。 这是一个文本。 这是一个文本。 这是一个文本。 这是一个文本。</p><input type="button" value="隐藏文本" onclick="document.getElementById('p1').style.visibility='hidden'" /><input type="button" value="显示文本" onclick="document.getElementById('p1').style.visibility='visible'" /></body></html>

0 0

战龙三国徐晃进阶数据

战龙三国徐晃进阶数据

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子报销的发票丢了怎么办发票上地址错了怎么办买车的发票丢了怎么办购车的发票丢了怎么办丢了5张作废发票怎么办当空姐老了以后怎么办万达酒店vip卡怎么办 cf封了999天怎么办众和股份退市怎么办 pvc板螺丝滑丝怎么办牙掉了牙根还在怎么办欣泰电气退市后股票怎么办睡落枕了怎么办小窍门考驾照快到期了怎么办狗狗泪腺很严重怎么办报到证过期2年了怎么办艺考准考证丢了怎么办单招准考证丢了怎么办 6级准考证丢了怎么办执医准考证丢了怎么办考研考生号忘了怎么办证券开户号忘了怎么办建行卡限额10万怎么办开通网银不用了怎么办签了空白按揭合怎么办信用卡逾期5年了怎么办银行回执单丢了怎么办小贷公司起诉我怎么办工行u盾锁定了怎么办挂失的卡找到了怎么办天刀衣服红了怎么办剑三账号忘了怎么办剑三总是闪退怎么办剑灵延迟高怎么办2016 剑灵延迟高怎么办2017 剑灵技能延迟高怎么办剑灵网络延迟高怎么办衣服上的环生锈怎么办黑暗之魂中毒了怎么办逗游下载速度慢怎么办电推剪刀不锋利怎么办