改变html.,没有样式？？？为什么？-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：3-2 通过ID获取元素

唐古啦啦小苏

2016-05-19 21:41

<!doctype html>

<html>

<head>

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

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>

写回答关注

3回答

慕慕5553196

2016-05-19 22:49:34

已采纳

document.getElement

1 1

唐古啦啦小苏

真的是ele

2016-05-21 15:44:59

共 1 条回复 >

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

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

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

<!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>

0 1

慕勒0990831

2016-05-19 22:13:10
```
czx
```
0 0

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

739818 学习 · 9566 问题

查看课程

相似问题

改变HTML样式

回答 2

改变 HTML 样式

回答 2

改变HTML样式

回答 4

改变HTML样式

回答 2

JavaScript改变HTML样式

回答 4

打开慕课网App查看更多内容