關于下面說用簡略法的:
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
綜上:
第一種操作獲?。篸ocument.getElementById("id").innerHTML;
第二種操作輸出:document.write(id.innerHTML);
這兩種輸出結果相同。操作不同而已。
第一種操作獲?。篸ocument.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”是文本節點,需要改變一下語句來獲?。?br /> document.getElementById('id').innerHTML;
這個才是獲取元元素里面文本內容(文本節點)的語句,而且有兩種辦法,在第④點說明
③為何這里輸出的不是文本內容“JavaScript”?
前面說了,document.getElementById('id');獲取的就是id名為''的一個元素,也就是選取元素節點用的,所以這里,獲取到的是,p元素,輸出也是p元素。至于里面的“JavaScript”是文本節點,需要改變一下語句來獲?。?br /> document.getElementById('id').innerHTML;
這個才是獲取元元素里面文本內容(文本節點)的語句,而且有兩種辦法,在第④點說明
2020-03-15