注意:值数需要加引号。
编译器是慕课它本身的问题,无需纠结,多提交几次。但是,它只检测语法有无错误,你还得看看右边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
function openWindow()
{ var mymessage= confirm("打开默认URL");
if(mymessage==true)
{ // 打开默认URL
window.open('https://www.imooc.com/')
}else{ //打开输入的URL
var score = prompt("请输入你要打开的URL:");
if(score != null){
window.open(score)}
else{window.colse} } }
{ var mymessage= confirm("打开默认URL");
if(mymessage==true)
{ // 打开默认URL
window.open('https://www.imooc.com/')
}else{ //打开输入的URL
var score = prompt("请输入你要打开的URL:");
if(score != null){
window.open(score)}
else{window.colse} } }