文章标题
2017-11-12 23:05
459 查看
今天学到得知识总结
这两天每天都再看dom得内容，原本是跟着修真院上面的内容学习，但是有关dom章节部分真的很抽象，看的我云里雾里，由于有比较多的琐事，所以学的有点断断续续，这个非常不好。今天因此而换了一个平台去学dom，这是我学习网站的链接
好了直接切入正题：
完成的事情：
了解了dom得基本概念了解了xml
遇到的问题：
-之前再it上面有关的教材实在是很抽象，浪费了太多时间，也确实非常不值得。-在别的资料中翻阅翻到了xml得信息，当然最后也进行了相应资料的查询，进行了表面性的了解。
收获：
1.
上面这图片是我摘自网页中的信息，其实我个人认为以目前的能力以及水平，完全没有必要非常去深刻得理解其中的内涵，从表象中先去了解规则，接着就是该如何去使用规则。
学习dom，最基本的认识就是，对网页进行内容增减得操作。这是初期最应该有的基本认识。接下来就是会用。
学习到的一些语法：
通过 id 查找 HTML 元素
var x=document.getElementById("intro");如果找到该元素，则该方法将以对象（在 x 中）的形式返回该元素。
如果未找到该元素，则 x 将包含 null。
通过标签名查找 HTML 元素
ruby
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");改变 HTML 输出流
在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。
<!DOCTYPE html> <html> <body> <script> document.write(Date()); </script> </body> </html>
上述的代码能够在浏览器中显示今天得具体的时间。
改变 HTML 内容
如需改变 HTML 元素的内容，请使用这个语法：
document.getElementById(id).innerHTML=新的 HTML
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="新文本!";
</script>
</body>
</html>改变 HTML 属性
如需改变 HTML 元素的属性，请使用这个语法：
document.getElementById(id).attribute=新属性值
改变 HTML 样式
如需改变 HTML 元素的样式，请使用这个语法：
document.getElementById(id).style.property=新样式
<p id="p1">Hello World!</p>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
document.getElementById("p2").style.fontFamily="Arial";
document.getElementById("p2").style.fontSize="larger";dom允许我们通过事件来执行代码
<h1 id="id1">我的标题 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color='red'">
点我!</button>上述得代码在字符“我的标题”被点击之后，字体颜色会变成红色
今天计划的事情：
明天计划：
不在一些问题上面死脑筋了花费了太多时间，非常不划算对于自身的心情也会有比较大的打击
继续阅读网站接下来的章节，争取尽快把js得任务完成。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 