深入理解JavaScript：DOM操作与属性探索

需积分: 1 4 浏览量更新于2024-07-26 收藏 257KB PDF 举报

"Javascript技术笔记2" 在"Javascript技术笔记2"中，主要涉及了JavaScript在操作DOM（文档对象模型）以及元素属性方面的一些关键知识点。以下是对这些内容的详细解释： 1. 查看document属性和方法 `for(i in document){ document.write(i, "====>", document[i], "<br>"); }` 这段代码用于遍历`document`对象的所有属性和方法，并通过`document.write()`将它们输出到页面上。这有助于开发者了解`document`对象所包含的全部成员。 2. 获取HTML元素的HTML值 - `document.documentElement.outerHTML`: 返回整个HTML文档的字符串表示，不包括`<html>`标签本身。 - `obj = document.getElementsByTagName("html")[0]; alert(obj.outerHTML);` 这里通过`getElementsByTagName()`选取第一个`<html>`元素，并显示其`outerHTML`属性，展示整个DOM树的HTML源码。 3. 获取DOM元素对象 - `document.getElementById()`: 根据ID查找唯一的DOM元素。 - `document.getElementsByTagName()`: 根据标签名获取元素集合。 - `document.getElementsByName()`: 根据名称获取元素集合。 - `document.getElementsByClassName()`: 根据类名获取元素集合。 - `document.querySelector()`: 返回匹配指定CSS选择器的第一个元素。 - `document.querySelectorAll()`: 返回匹配指定CSS选择器的所有元素，返回的是一个NodeList对象。 4. DOM对象的子元素相关属性和方法 - `obj.hasChildNodes()`: 判断DOM对象是否含有子元素，返回布尔值。 - `obj.childNodes`: 获取元素的所有子节点，包括文本节点、注释节点等，返回的是NodeList。 - `obj.firstChild`: 获取元素的第一个子节点。 - `obj.lastChild`: 获取元素的最后一个子节点。 - `obj.parentElement`: 获取元素的父元素。 - `obj.children`: 获取元素的所有子元素，不包括文本节点等，返回的是HTMLCollection。 - `obj.parentNode`: 获取元素的父节点。 5. 设置DOM属性 - `obj.setAttribute("name", "divname")`: 为DOM元素设置属性，这里为元素添加或修改名为"name"的属性，值为"divname"。这些知识点是JavaScript进行DOM操作的基础，对于网页动态效果的实现、交互设计以及数据绑定等至关重要。理解和熟练运用这些方法，可以帮助开发者更有效地操控页面元素，实现丰富的网页功能。在实际开发中，应特别注意避免使用`document.write()`造成死循环的情况，而选择合适的输出方法，如`console.log()`或`alert()`来调试代码。

document.write(arr + "<br />")

document.write(arr.sort(sortNumber))

#注意上面的代码中的 sortNumber 函数，如果函数返回值为>0 则调换两个数据的位置，如

果<=0，则不变.

36.以下情况下的布尔值为假:

var b1=new Boolean(0)

var b3=new Boolean("")

var b4=new Boolean(null)

var b5=new Boolean(NaN)

var b8=new Boolean(undefined);

37.检查浏览器版本:

var browser=navigator.appName

var b_version=navigator.appVersion

var version=parseFloat(b_version)

if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))

{alert("您的浏览器够先进了！")}

else

{alert("是时候升级您的浏览器了！")}

}

38.ajax 对象生成:

var xmlhttp;

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

}

else

{// code for IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

39.ajax 对象使用:(ie9,ff,gg)

<html>

<head>

function loadXMLDoc()

{

var xmlhttp;

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

剩余35页未读，继续阅读

「已注销」

粉丝: 11
资源: 23

深入理解JavaScript：DOM操作与属性探索

JavaScript学习笔记：从基础到DOM编程

前端开发工程师JavaScript学习笔记精华汇总

"JavaScript学习笔记详解PDF下载及目录解读

javascript个人技术笔记

javaScript笔记

javascript笔记

JavaScript笔记

Javascript笔记

javascript 笔记

javascript学习笔记

最新资源