问答详情
源自：3-2 通过ID获取元素

改变html.,没有样式？？？为什么？

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>改变html样式文档</title>

<script type="text/javascript">

var mychar=document.getEelmentById("con");

  mychar.style.color="red";

  mychar.style.fontsize="36px";

  mychar.style.width="300px";

  mychar.style.backgroundcolor="#ccc";

</script>

</head>


<body>

<h2 id="con">I love javascript.</h2>

<p>javascript代表了网页的行为。</p>

</body>

</html>

http://img.mukewang.com/573dc264000139bc04040244.jpg

提问者：唐古啦啦小苏 2016-05-19 21:41

个回答

  • 慕慕5553196
    2016-05-19 22:49:34
    已采纳

    document.getElement

    1
  • lap1ace
    2016-05-19 23:42:42

    var mychar=document.getElementById("con");
mychar.style.backgroundColor="#ccc";

    1. getElementById

    2. backgroundColor

    3. 按顺序执行，如果script代码在文本上方则无法在执行到<h2>标签时调用Javascript，可以通过添加函数来调用上面的代码。也可以把javascript代码写在<h2>标签下。


    4. <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
  <h2 id="con">I love JavaScript</H2>
  <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
  <script type="text/javascript">
    var mychar=document.getElementById("con");
    mychar.style.color="red";
    mychar.style.backgroundColor="#ccc"
    mychar.style.width="300px";
  </script>
</body>
</html>

    1
  • 慕勒0990831
    2016-05-19 22:13:10

    czx


    0