网页编程--DOM+HTML
其他
2018-08-12 02:13:26
阅读次数: 0
-
<pre>
-
dom---document object model 文档对象模型
-
dom技术: 把标记文档变成对象树,通过对这棵树中的对象进行操作(增删改查),实现对文档内容的操作。
-
对dom对象树进行增删改查,产生的效果就是对页面内容进行增删改查!
-
文档:html页面,xml文档(文件)
-
</pre>
-
-
<pre>
-
dhtml:动态html技术,它不是一门语言,而是一项综合技术: html+css+js+dom
-
静态网页:HTML+CSS
-
技术边界:
-
html: 提供标签,对数据进行封装。----目的是便于对该标签中的数据进行操作
扫描二维码关注公众号,回复:
2705740 查看本文章
-
css: 提供样式属性,对标签中的数据进行样式定义
-
dom: 把标记文档以及文档中左右内容解析成对象树,并且提供一些对树中对象进行操作的 (变量和函数),以便于对象进行操作
-
js: 提供程序设计语言,对页面中的对象进行逻辑操作 (if,for,...)
-
</pre>
-
-
<pre>
-
bom模型: browse object model 浏览器对象模型
-
dom模型针对的是页面内容,bom模型针对的是浏览器
-
-
dom: document对象代表的是整个文档页面
-
bom: window对象就是代表整个浏览器本身
-
</pre>
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
<title>DHTML</title>
-
<style type="text/css">
-
.a{
-
background-color: #00ff80;
-
width:150px;
-
font-size: 18pt;
-
}
-
table{
-
border: 1px solid red;
-
width:400px;
-
border-collapse: collapse;
-
}
-
td{
-
border:1px solid red;
-
}
-
-
</style>
-
-
<script type="text/javascript">
-
function fun(){
-
var oDiv = document.getElementById("div1");
-
oDiv.innerText = "湖南长沙";
-
// ODiv.innerHTML = "<font size = 5>湖南长沙</font>" ;
-
oDiv.className = "a";
-
}
-
-
function del (objA){
-
var oTd = objA.parentNode;
-
var oTr = oTd.parentNode;
-
oTr.removeNode(true);
-
}
-
-
</script>
-
-
转载自blog.csdn.net/weixin_42400955/article/details/81265139