htmlelement,htmlelement对象
htmlelement对象怎么用
无标题文档 var JObj = {; (function($){ $.$ = function(p){ var obj = typeof(p) == "object" ? p : document.getElementById(p); assignFn(obj); return obj; } $.$appendTo = function(f,p){ var obj = p ? $.$(p) : this; $.$(f).appendChild(obj); assignFn(obj); return obj; } $.$c = function(p,n){ var obj; try{ obj = document.createElemnet(""); }catch(e){ obj = document.createElement(p); obj.name = name; } assignFn(obj); return obj; } $.$att = function(k,v,p){ var obj = p ? $.$(p) : this; obj.setAttribute(k,v); obj[k] = v; obj.$att = $.$att; assignFn(obj); return obj; } $.$css = function(k,v,p){ var obj = p ? $.$(p) : this; obj.style[k] = v; obj.$css = $.$css; assignFn(obj); return obj; } var fv = function(){ var f="-1",n=navigator; if (n.plugins
怎么分别element是html还是html5的
html和html5的element还是有区别的,分辨方法如下:
1、简化的语法
HTML5简化了很多细微的语法,例如doctype的声明,你只需要写!doctype html就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。
2、HTML5canvas标签替代Flash
Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。canvas标签使得开发者只要使用一个标签就 能和用户产生UI交互。虽然目前canvas标签还不能实现Flash的所有功能,但是很快canvas就会让 Flash看起来老土,哈哈!
3、HTML5新增 header 和 footer 标签
HTML5设计的一个原则是更好的体现网站的语义性,所以增加了header和footer这样的标签,用来明确表示网页的结构。
4、HTML5新增 section 和 article 标签
与header, footer类似,section和article也有利于清晰化网页的结构,更有利于SEO。
5、HTML5新增 menu 和 figure 标签
menu可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。figure标签使得网页文字和图片的排版更专业。
6、HTML5新增 audio 和 video 标签
这两个标签可能是HTML5里面最有用的两个标签了。顾名思义,这两个标签是用来播放音频和视频的。
7、全新的表单
HTML5对 form 和 forminput 标签进行了大量修改,添加了很多新的属性,也修改了很多属性。
8、HTML5删除 b 和 font 标签
9、HTML5删除了 frame, center, big 标签
HTML中的Node和Element的区别
什么是element
ELEMENT则是XML里的概念,xxx就是元素,是XML中的数据的组成部分之一。
素(Element)和结点(Node)的区别,元素是一个小范围的定义,必须是含有完整信息的结点才是一个元素,例如div.../div。但是一个结点不一定是一个元素,而一个元素一定是一个结点。
a
b /b
b /b
a
DOM将文档中的所有都看作节点 nodeelement
1DOM在解析文档的时候按整个文档的结构生成一棵树,全部保存在内存
优点就是整个文档都一直在内存中,我们可以随时访问任何节点,并且对树的遍历也是比较熟悉的操作;缺点则是耗内存,并且必须等到所有的文档都读入内存才能进行处理。
2一个需要注意的地方就是,XML文档两个标签之间的空白也是这棵树的一个节点(Text节点)。 a b/b a a有三个节点
Element root = doc.getDocumentElement();:root是什么????
NodeList list = root.getChildNodes(); root 到底是节点还是元素我不清楚?????
node有几个子类型:
Element,
Text,
Attribute,
RootElement,
Comment,
Namespace等
Element是可以有属性和子节点的node。
Element是从Node继承的
//转换
if (node.getNodeType() == Element.ELEMENT_NODE)
{
Element e = (Element) node;
}
?元素有孩子吗
elemen et 性质
1 e.getAttributes()
2 e.getChildNodes()
3 e.getTagName()
Element root = doc.getDocumentElement();:root是什么????
NodeList list = root.getChildNodes(); root 到底是节点还是元素我不清楚???
······················································
public void domParse(String fileName) throws Exception {
DocumentBuilderFactory f = DocumentBuilderFactory.newInstance();
DocumentBuilder db = f.newDocumentBuilder();//builder
Document docment = db.parse(new File(fileName));//parese
Element el = docment.getDocumentElement();//root
domRead(el);
}
public void domRead(Element currentNode) {
if ("struts-config".equals(currentNode.getNodeName())) {
config = new StrutsConfig();
}
NodeList list = currentNode.getChildNodes();
for (int i = 0; i list.getLength(); i++) {
Node node = list.item(i);
if (node.getNodeType() == Element.ELEMENT_NODE) {
Element e = (Element) node;//????
if ("form-beans".equals(e.getTagName())) {
formBeans = new ArrayListFormBeanConfig();
domRead(e);
}
if ("form-bean".equals(e.getTagName())) {
FormBeanConfig fc = new FormBeanConfig();
NamedNodeMap attrs = e.getAttributes();
for (int j = 0; j attrs.getLength(); j++) {
Attr attr = (Attr) attrs.item(j);
if ("name".equals(attr.getName())) {
fc.setName(attr.getValue());
} else {
fc.setType(attr.getValue());
}
}
formBeans.add(fc);
}
if ("action-mapping".equals(e.getTagName())) {
actions = new ArrayListActionConfig();
domRead(e);
}
if ("action".equals(e.getTagName())) {
ActionConfig ac = new ActionConfig();
NamedNodeMap attrs = e.getAttributes();
for (int k = 0; k attrs.getLength(); k++) {
Attr attr = (Attr) attrs.item(k);
if ("path".equals(attr.getName())) {
ac.setPath(attr.getValue());
} else if ("type".equals(attr.getName())) {
ac.setType(attr.getValue());
} else {
ac.setName(attr.getValue());
}
}
actions.add(ac);
}
}
}
}