小九九学前端随记17

青春小九九

于 2018-07-14 11:24:53 发布

阅读量165

点赞数 1

本文链接：https://blog.csdn.net/qq_30203943/article/details/81041180

版权

innerHTML

Object.innerHTML。Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>innerHTML</title>
</head>
<body>
<h2 id="con">javascript</H2>
<script type="text/javascript">
  var mychar=document.getElementById("con");
  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
  mychar.innerHTML="更新后的标题！"
  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>
</body>
</html>

改变HTML样式

var mychar= document.getElementById("con");1. 改变文字颜色:mychar.style.color="red";2. 改变背景颜色:mychar.style.backgroundColor ="#ccc";3. 改变元素宽度:mychar.style.width="300px"。

显示隐藏（display属性）

var mychar= document.getElementById("con"); mychar.style.display="none"为隐藏；mychar.style.display="block"表示显示。

控制类名

var mychar= document.getElementById("con");.one{...样式}，mychar.className="one"。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

青春小九九

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小九九学前端随记17

innerHTMLObject.innerHTML。Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
复制链接

扫一扫