暑假周總結01
阿新 • • 發佈:2018-07-15
byname .get css rip fun script 代碼 屬性 style
(1)本周學習內容
html+css+js
<style type="text/css"> .inn2{ background-color: blue; } .inn3{ font-size: 55px; } .inn4{ width: 900px; } </style>
<div id="inn"> 文本內容 </div> <a name="ob2"></a> <div id="inn2"> 改變style樣式 </div> <script type="text/javascript"> var obj = document.getElementById("inn");//根據id獲取對象 var obj4 = document.getElementById("inn2");//根據id獲取對象 var obj2 = document.getElementsByName("ob2");//根據name獲取對象 var obj3 = document.getElementsByTagName("a");//根據標簽屬性獲取對象 obj.innerHTML="<b>改變文本內容</b>";//識別HTML標簽 obj.innerText="<b>改變文本內容</b>";//不識別HTML標簽,將所有的都當作文本內容 obj4.style.backgroundColor="red";//backgroung-color-->backgroundColor obj.className="inn2";//通過加class控制樣式 obj.className="inn3 inn4";//通過加class控制樣式 obj.className="";//清空樣式 alert(obj); alert(obj2); alert(obj3.length); </script>
<style type="text/css"> li { list-style: none;}//控制li的·標記 a { text-decoration: none;} //下劃線 a:hover { text-decoration: underline; } </style>
<span style="font-size: 14pt">javascript:show();控制鏈接觸發js</span>
<div>div1</div> <div>div2</div> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> <a href="#">122</a> <br> <script type="text/javascript"> function show(){ alert(new Date());//彈出現在的時間 } </script> <!-- href="javascript:"用於連接控制js --> <a href="javascript:show();">控制show()</a>
花在學習時長12小時,10小時在學習視頻,其他在整理視頻筆記和代碼
(2)下周準備學習剩下的html+css+js
(3)本周遇到的問題
無
暑假周總結01