最赞回答 / 慕勒215309
<p class="my">hello</p>document.getElementsByClassName('my')[0].style.color = 'red';
2020-03-15
关于下面说用简略法的：
var mychar = document.getElementById('con');
mychar.style.cssText = 'color: red; background: red; width: 300px;'
这句确实没问题，但，这章讲的不是这个内容，相当于超纲了，而评判检测则以它的答案为主。
总不能1+1，人家答案规定填空题，你把“解：因为是+号，所以1+1=2”写出来吧。
var mychar = document.getElementById('con');
mychar.style.cssText = 'color: red; background: red; width: 300px;'
这句确实没问题，但，这章讲的不是这个内容，相当于超纲了，而评判检测则以它的答案为主。
总不能1+1，人家答案规定填空题，你把“解：因为是+号，所以1+1=2”写出来吧。
2020-03-15
举例：
css：font-size
js：fontSize
css：padding-left
js：paddingLeft
css：margin-bottom
js：marginBottom
css：line-height
js：lineHeight
总之，css里用"-"连接两个单词，js只需改变第二个单词首字母为大写
css：font-size
js：fontSize
css：padding-left
js：paddingLeft
css：margin-bottom
js：marginBottom
css：line-height
js：lineHeight
总之，css里用"-"连接两个单词，js只需改变第二个单词首字母为大写
2020-03-15
另外，js种设置样式的属性值，与css里有点区别。
background-color: #ccc; 在css里是正确的。
但，在js里，很多css出现横杠的属性，都要用一个单词写，也就用了驼峰命名（这里不是你命名，而是官方定义的名字就这样）
mychar.style.backgroundColor = "#ccc";
background-color: #ccc; 在css里是正确的。
但，在js里，很多css出现横杠的属性，都要用一个单词写，也就用了驼峰命名（这里不是你命名，而是官方定义的名字就这样）
mychar.style.backgroundColor = "#ccc";
2020-03-15
注意：值数需要加引号。
编译器是慕课它本身的问题，无需纠结，多提交几次。但是，它只检测语法有无错误，你还得看看右边demo。
比如，这里，即使你的值
如 mychar.style.color = red; 它不报错，但是没效果，其实是错了。
应该：mychar.style.color = "red";
编译器是慕课它本身的问题，无需纠结，多提交几次。但是，它只检测语法有无错误，你还得看看右边demo。
比如，这里，即使你的值
如 mychar.style.color = red; 它不报错，但是没效果，其实是错了。
应该：mychar.style.color = "red";
2020-03-15
注意点，不要去看document，要看 getElementById();和 write();
有引号:
getElementById('con') //获取ID为con的元素
write('con') //输出内容就是 con（这个不是元素的id，而是文本来的，相当于“你好，嗨”等字符）
无引号：
getElementById(con) //语法错误，必须加引号，否则无法执行
write(con) //输出[object HTMLDivElement]，没引号，它相当于直接输出id为con的元素节点，
有引号:
getElementById('con') //获取ID为con的元素
write('con') //输出内容就是 con（这个不是元素的id，而是文本来的，相当于“你好，嗨”等字符）
无引号：
getElementById(con) //语法错误，必须加引号，否则无法执行
write(con) //输出[object HTMLDivElement]，没引号，它相当于直接输出id为con的元素节点，
2020-03-15
综上：
第一种操作获取：document.getElementById("id").innerHTML;
第二种操作输出：document.write(id.innerHTML);
这两种输出结果相同。操作不同而已。
第一种操作获取：document.getElementById("id").innerHTML;
第二种操作输出：document.write(id.innerHTML);
这两种输出结果相同。操作不同而已。
2020-03-15
关于本篇的一些个人理解
④如果想要输出结果为文本内容“JavaScript”如何编写？
第一种无需改变获取语句，只需改变输出语句（mychar 改→ con.innerHTML）：
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write(con.innerHTML);
</script>
输出结果：
JavaScript
JavaScript
④如果想要输出结果为文本内容“JavaScript”如何编写？
第一种无需改变获取语句，只需改变输出语句（mychar 改→ con.innerHTML）：
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write(con.innerHTML);
</script>
输出结果：
JavaScript
JavaScript
2020-03-15
关于本篇的一些个人理解
④如果想要输出结果为文本内容“JavaScript”如何编写？
第一种获取元素语句后面加 .innerHTML 来获取文本：
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con").innerHTML;
document.write(mychar);
</script>
输出结果：
JavaScript
JavaScript
④如果想要输出结果为文本内容“JavaScript”如何编写？
第一种获取元素语句后面加 .innerHTML 来获取文本：
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con").innerHTML;
document.write(mychar);
</script>
输出结果：
JavaScript
JavaScript
2020-03-15
关于本篇的一些个人理解
③为何这里输出的不是文本内容“JavaScript”？
前面说了，document.getElementById('id');获取的就是id名为''的一个元素，也就是选取元素节点用的，所以这里，获取到的是，p元素，输出也是p元素。至于里面的“JavaScript”是文本节点，需要改变一下语句来获取：
document.getElementById('id').innerHTML;
这个才是获取元元素里面文本内容（文本节点）的语句，而且有两种办法，在第④点说明
③为何这里输出的不是文本内容“JavaScript”？
前面说了，document.getElementById('id');获取的就是id名为''的一个元素，也就是选取元素节点用的，所以这里，获取到的是，p元素，输出也是p元素。至于里面的“JavaScript”是文本节点，需要改变一下语句来获取：
document.getElementById('id').innerHTML;
这个才是获取元元素里面文本内容（文本节点）的语句，而且有两种办法，在第④点说明
2020-03-15
关于本篇的一些个人理解
②为何<script></script>放在头部，输出为 null？
var mychar = document.getElementById('con');
document.write(mychar)；
<p id="con">javascript</p>
因为js执行顺序由上至下，从上层开始优先执行，那这里因为<p>内容</p>放在了js脚本后面，所以先执行了js，才遇到的p。那么js是无法获取到元素的，所以为null。
②为何<script></script>放在头部，输出为 null？
var mychar = document.getElementById('con');
document.write(mychar)；
<p id="con">javascript</p>
因为js执行顺序由上至下，从上层开始优先执行，那这里因为<p>内容</p>放在了js脚本后面，所以先执行了js，才遇到的p。那么js是无法获取到元素的，所以为null。
2020-03-15
关于本篇的一些个人理解
①为何输出结果是object HTMLParagraphElement？
<p id="con">javascript</p>
var mychar = document.getElementById('con');
document.write(mychar)；
输出object HTMLParagraphElement，因为它获取的只是名字ID为con的元素，所以输出结果等于“id为con的元素是p元素”
①为何输出结果是object HTMLParagraphElement？
<p id="con">javascript</p>
var mychar = document.getElementById('con');
document.write(mychar)；
输出object HTMLParagraphElement，因为它获取的只是名字ID为con的元素，所以输出结果等于“id为con的元素是p元素”
2020-03-15
最新回答 / 清风渡江
规则三的意思是不能使用Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。以下是js的保留关键字abstractargumentsbooleanbreakbytecasecatchcharclass*constcontinuedebuggerdefaultdeletedodoubleelseenum*evalexport*extends*falsefinalfinallyfloatforfunctiongotoifimplements...
2020-03-13