文章标题

来源：互联网发布：淘宝网牛仔女裤编辑：程序博客网时间：2024/05/22 12:54

今天学到得知识总结

这两天每天都再看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得任务完成。

阅读全文

0 0