比如你的例子,
<div class="div" id=div1>
<font class="fount1">我是1!</font>
<div id=div2>
<font class="fount2">我是2!</font>
</div>
</div>
div1是html页面body下的一个子节点,而这个div1又有fount1,和div2这两个子节点,fount1和div2是兄弟关系,div2下面还有一个fount2节点 。
你要用jQuery去找什么父节点,子节点,首先要搞清楚这个节点在HTML中是什么关系,然后你才可以用parent(),child()这些方法。
下面是例子
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'test.jsp' starting page</title>
<script type="text/javascript" src="../js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert($(".fount1").parents(".div").html())
alert($(".fount2").parents(".div").html())
})
</script>
</head>
<body>
<div class="div">
<font class="fount1">我是1!</font>
<div>
<font class="fount2">我是2!</font>
</div>
</div>
</body>
</html>
JavaScript文档节点和文本节点一样吗?不一样。常见的节点分五种:
1:元素,Element;
2:属性,Attribute;
3:文本,Text;
8:注释,Comment;
9:文档,Document。
更多的参见::w3school../jsref/prop_node_nodetype.asp
文档就是 DOM 树的根节点(其实就是 <></>),剩下所有节点都包含在文档里。
元素就是一个个标签了,<p><div>什么的。
属性是元素里的,<p id="id" name=name>这种的。
文本是元素或属性中的文本内容,<p id="我是文本">我也是文本</p>这种。
javascript 怎么修改一个文本节点?document.getElementById("mi").innerText = “”
document.all.mi.innerText = “”
这两个都可以,或者用innerHTML
JavaScript中如何添加文本节点?最简单的方法就是用元素的innerHTML属性赋值,如:myNewElement.innerHTML = “我是文本”但这样不能清晰的体现DOM中新增加了一个文本节点。
然后另一种添加文本节点的方式,可分为两步:
1、创建节点:文本节点的创建使用createTextNode方法,如:var myText = document.createTextNode(“我是文本”)
2、将创建的节点用appendChild方法添加某个元素下。如:myNewElement.appendChild(myText)这样myNewElement就有myText的文本节点,文本节点的内容是“我是文本”即可。
获取属性节点
第一种方法:获取官方定义的属性节点(获取元素的对应属性值)。
格式:元素节点,属性名。
注意:不能获取自定义属性的值。
代码如下:
console.log(jsInput.placeholder)
alert("是时候展现真正的技术")
设置属性节点的值
公式:元素节点 . 属性名 = 新的属性值
代码如下:
设置元素对应属性的值
元素节点.属性名 = 新的属性值
jsInput.placeholder = "sunck good"
第二种方法
公式:元素节点 . getAttribute(属性名)
注意:还可以获取自定义属性的值。
代码:
console.log(jsInput.getAttribute("my"))
设置自定属性的值
公式:元素节点 . setAttribute(属性名, 新属性值)
注意:当属性不存在时,变为添加属性
代码:
设置
元素节点.setAttribute(属性名, 新属性值)
jsInput.setAttribute("my", "sunck")
注意:当属性不存在时,变为添加属性
jsInput.setAttribute("other", "sunck")
删除属性节点
公式:元素节点.removeAttribute(属性名)
注意:某些低版本浏览器不支持
代码:
jsInput.removeAttribute("other")
console.log(jsInput)
jsDOM怎样过去文本节点DOM中有三大节点,分别是元素节点,文本节点,属性节点,他们所对应的nodeType不相同。
其中:
对于元素节点,nodeType=1;
对于属性节点,nodeType=2;
对于文本节点,nodeType=3;
可以通过判断nodeType进行过滤文本节点。
tinyxml怎样获得文本节点的文本tinyxml是基于DOM模型的
你应该把整个要解析的XML串传给TiDocument
然后取First_child
然后ToElement
然后GetValue
空文本节点问题,急求帮助超文本标记语言或超文本链接标示语言(标准通用标记语言下的一个应用)HTML(HyperText Mark-up Language)是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,
它消除了不同计算机之间信息交流的障碍。
它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。
HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
有什么js函数可以获取和操作文本节点,注释节点有什么js函数可以获取和操作文本节点,注释节点
因为你注释前面有空白区域,dom解析时也会把他当成一个dom节点,所以是文本类型,下一个就是注释了
在javascript中 使用变量来创建文本节点是咋回事的<ul>
<li id="li1"><li>
</ul>
var lix = document.createElement("li")
var targetElement = document.getElementById("li1")
var parent = targetElement.parentNode
if(parent.lastChild == targetElement)
{
parent.appendChild(lix)
}
else
{
parent.insertBefore(lix, targetElement.nextSibling)
}
“创建一个文本节点”是要做什么?1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
document.documentElement 返回文档的根节点<>
document.body <body>
document.activeElement 返回当前文档中被击活的标签节点(ie)
event.fromElement 返回鼠标移出的源节点(ie)
event.toElement 返回鼠标移入的源节点(ie)
event.srcElement 返回激活事件的源节点(ie)
event.target 返回激活事件的源节点(firefox)
当前对象为node
返回父节点:node.parentNode, node.parendElement,
返回所有子节点:node.childNodes(包含文本节点及标签节点),node.children
返回第一个子节点:node.firstChild
返回最后一个子节点: node.lastChild
返回同属上一个子节点:node.nextSibling
返回同属下一个子节点:node.previousSibling
parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和
childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持
,所以大家只要记得有parentElement和children就行了
2、DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
(1)创建新节点
createDocumentFragment() 创建一个DOM片段
createElement() 创建一个具体的元素
createTextNode() 创建一个文本节点
(2)添加、移除、替换、插入
appendChild()
removeChild()
replaceChild()
insertBefore()
(3)查找
getElementsByTagName() 通过标签名称
getElementsByName() 通过元素的Name属性的值
getElementById() 通过元素Id,唯一性
3、事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
IE 5.5: div ->body ->document
IE 6.0: div ->body ->->document
Mozilla 1.0: div ->body ->->document ->window
(2)捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)。
(3)DOM事件流:同时支持两种事件模型:捕获型事件和冒泡型事件,但是,捕获型事件先发生。两种事件流会触及DOM中的所有对象,从document对象开始,也在document对象结束。
DOM事件模型最独特的性质是,文本节点也触发事件(在IE中不会)。
4、XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
XMLHttpRequest 对象提供了在网页加载后与服务器进行通信的方法。
<script type=text/javascript>
varxml
functionloadXMLDoc(url){
xml=null
if(window.XMLHttpRequest){ code for all new browsers
xml=newXMLHttpRequest()
}elseif(window.ActiveXObject){ code for IE5 and IE6
xml=newActiveXObject("Microsoft.XMLHTTP")
}
if(xml!=null){
xml.onreadystatechange=state_Change
xml.open("GET",url,true)
xml.send(null)
}else{
alert("Your browser does not support XMLHTTP.")
}
}
functionstate_Change(){
if(xml.readyState==4){ 4 = "loaded"
if(xml.status==200){ 200 = OK
...our code here...
}else{
alert("Problem retrieving XML data")
}
}
}
</script>
5、严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。
在标准模式中,浏览器根据规范呈现页面;
在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式
呈现。对于HTML
4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过
渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
6、盒模型——外边距、内边距和边框之间的关系,IE 8以下版本的浏览器中的盒模型有什么不同。
一个元素盒模型的层次从内到外分别为:内边距、边框和外边距
IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
7、块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
块级元素,用CSS中的display:inline属性则变为行内元素
行内元素,用CSS中的display:block属性则变为块级元素
影响:周围元素显示在同一行或换行显示,根据具体情况调整样式
8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
需要浮动的元素可使用CSS中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动
浮动元素引起的问题:
(1)父元素的高度无法被撑开,影响与父元素同级的元素
(2)与浮动元素同级的非浮动元素会跟随其后
(3)若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构
解决方法:
使用CSS中的clear:both属性来清除元素的浮动可解决2、3问题,对于问题1,添加如下样式,给父元素添加clearfix样式:
.clearfix:after{content: "."display: blockheight: 0clear: bothvisibility: hidden}
.clearfix{display: inline-block} /* for IE/Mac */
9、HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。
主要区别:
XHTML 元素必须被正确地嵌套
XHTML 元素必须被关闭,空标签也必须被关闭,如 <br>必须写成 <br />
XHTML 标签名必须用小写字母
XHTML 文档必须拥有根元素
XHTML 文档要求给所有属性赋一个值
XHTML 要求所有的属性必须用引号""括起来
XHTML 文档需要把所有 <、>、&等特殊符号用编码表示
XHTML 文档不要在注释内容中使“--”
XHTML 图片必须有说明文字
XHTML 文档中用id属性代替name属性
10、JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
JSON建构于两种结构:
“名称/值”对的 *** (A collection of name/value
pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表
(hash table),有键列表(keyed list),或者关联数组 (associative array)。
值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。