在jsp中通过id来获取对象的值，有哪些方法呢_框架

就我所知，有三种方法：

1、documentgetElementById()这种方法。

2、采用JQuery方法：$("#id_name")get(0)value。(首先获得JQuery对象，再将JQuery对象转换成dom对象再取值，有点麻烦，不过也算一种办法，是吧）

3、直接使用dom对象的id。如：<input type="button" id="button1" value="测试" />

要获得这个button的值，只要用：button1value即可。（这中方法在比较新版的IE，FF，和遨游浏览器均测试可用）

JQuery需要掌握的基本语句

1、JQuery的ready函数

$(document)ready(function(){

});

2、JQuery简单选择器的应用，比如根据id获取dom节点，根据class获取dom节点，根据标签获取dom节点

$("#btn1");//根据id获取dom节点

$("show");//根据class获取dom节点

$('input');//获取标签是input的所有节点

3、JQuery简单的取值赋值函数，比如input文本框的value值获取与赋值，普通dom节点Html的输出等

$('#ipt')val();//获取id是ipt节点的值。

$('#ipt')val('abc');//id是ipt节点的值设置为abc

$('#div1')html('<input type="button" value="按钮"/>');//添加按钮

掌握上面3点基本后，可以进一步读Jquery源代码，了解一些内置函数，复杂选择器的应用等等

没区别

补充：

直接通过id访问的话，一个是比较快，因为id是在document中唯一的，浏览器的dom结构会有hash，就相当于老师在班上点名一样，叫到张三张三就直接站起来了。

而通过文档元素关系访问比较慢，需要寻找，如果节点结构有变化，代码就找不到了，相当于老师说李四同学后面的第三个同学的左边同学，如果他们座位发生变化就点不到了

1、定义一个传入占位节点id的组件类

比如这里定义一个组件MyClass

function MyClass(id){//组件模板

}2、在组件内获取节点id

function MyClass(id){//组件模板

var _self = documentgetElementById(id);//根据id获取组件

}3、定义类的方法

function MyClass(id){//组件模板

var _self = documentgetElementById(id);//根据id获取组件

thisaddP=function(){//定义类方法，这里是显示内容为1233

_selfinnerHTML ="1233";

}

}4、直接在js中调用使用该组件方法

示例：

首先明白一点，uni-app提供的view、button、image、text通通都是组件，不是h5的标签，虽然用起来方便，但如果你想获取dom节点信息，尽管给组件绑定一个id选择器，用documentgetElementById()等这种传统的JS获取dom方式是没有任何效果。

因为他们是组件，除非你不用这些现成的组件，用回h5的标签。

所以你如果想获取uni-app提供组件的DOM元素，需要如下的方法。

unicreateSelectorQuery()in(this);用于创建一个实例。

in(this)在这里是为了规范页面创建实例，避免获取不到实例报null，用上总没错

queryselect('#text')用于选择DOM节点

boundingClientRect()返回dom节点的相关信息

拿到的是一些元素本身的宽高信息、距离页面四边的距离。

使用unicreateSelectorQuery()创建dom实例，需要在这个mounted()生命周期里面进行，这个生命周期它代表组件已经创建完成，可以挂载实例，进而获取dom元素

如果不写在mounted生命周期里，你也可以写在methods方法定义里面，不过你需要这样来调用。

一,获取html元素

1getElementByID(id)

通过对元素的ID访问,这是DOM一个基础的访问页面元素的方法

example:

var div=documentgetElementByID("divid");

alert (divnodeName); //显示元素名

</script>

如果id在元素中不是唯一的,那么获得的将是第一个ID

2getElementsByName(name)

仅用于input radio checkbox等元素,返回名字为name的元素数组

example:

var ge=documentgetElementsByName("george");

alert (georgeslength); //获取georges个数,对div唔效果

</script>

3getElementsByTagName(tagname)

返回具有tagname的元素列表数组处理大的DOM结构会用到它

二,DOM Element常用方法

1appendChild(node) //增加内容

向当前对象追加节点,example:

var newdiv=documentcreateElement("div");

var newtext=documentcreateTextNode("A new div");

newdivappendChild(newtext) ;

documentgetElementById("test")appendChild(newdiv) ;

</script>

当然,上面的功能用documentgetElementById("test")innerHTML="测试一下"就可实现,遗憾的是,innerHTML不属于DOM

2,removeChild(childreference)

移除当前节点的子节点,并返回节点

<div id="father"><div id="child">A child</div></div>

var childnode=documentgetElementById("child");

var removednode=documentgetElementById("father")removeChild(childnode)

</script>

3cloneNode(deepBoolean)

复制并返回当前的复制节点,由于复制了原节点的id属性,所以在document树中要改ID属性,以确保ID唯一性

4,insertBefore(newElment,targetElement) 插入新的节点

在当前节点插入一个新节点,如果targetElement为null,那新节点为最后节点

example:

<body>

<span id="lovespan">熊掌我所欲也!</span>

</body>

var lovespan=documentgetElementById("lovespan"); //获取id

var newspan=documentcreateElement("span");

var newspanref=documentbodyinsertBefore(newspan, lovespan);

newspanrefinnerHTML="鱼与";

</script>

三,DOM Element常用属性

1、childeNodes 返回所有子节点对象,

例如

</ul>

var msg="" ;

var mylist=documentgetElementById("mylist")

for (i=0; i<mylistchildNodeslength; i++){

var li=mylistchildNodes[i];

msg+=liinnerText;

}

alert (msg);

</script>

2,innerHTML

这是一个标准,但它并不书DOM

例如:

function change()

{

documentgetElementById("aaa")innerHTML= "修改修改";

}

</script>

3,style

这是一个极其重要的属性,可以获取并修改每个单独的样式

例如:documentgetElementByTagName("body")[0]stylebackgroundColor="#cccccc"

4、firstChild 返回第一个子节点

lastChild 返回最后一个子节点

parentNode 返回父节点的对象。

nextSibling 返回下一个兄弟节点的对象

previousSibling 返回前一个兄弟节点的对象

nodeName 返回节点的HTML标记名称，使用英文的大写字母，如P, FONT

5,click()

执行元素的一次点击，可以用于通过脚本来触发onClick函数

1、用 childNodes 属性，按顺序取

实现过程：首先创建一个 xml 对象，然后载入 xml 文件，再根据待取节点父节点在 xml 文件中的序号和本身的序号，确定待取节点的位置，最后返回待取节点的值。

//pId 待取节点父节点序号

//cId 待取节点序号

function getXmlNodeValue(pId, cId) {

var xmlDoc = new ActiveXObject("MicrosoftXMLDOM");

xmlDocasync = false;

xmlDocload("employeeInfoxml");

var nodes = xmlDocdocumentElementchildNodes[pId]childNodes[cId];return nodeschildNodes[0]text;

}

调用方法：alert(getXmlNodeValue(1, 2));

2、用 for 循环来取

实现过程：首先创建一个 ie 支持的 xml 对象，如果发生异常，是创建一个 FireFox 支持的空 xml 对象并返回空；然后载入 xml 文件，如要发生异常也返回空；最后，通过 for 循环遍历查找与传入的节点值相同的节点，找到后返回属于该节点的属性值。

//nodeValue 待取节点的所属节点值

function getXmlNodeValueFor(nodeValue){

var xmlDoc;　

try {　

//创建一个 ie 支持的 XML 文档对象　

xmlDoc = new ActiveXObject("MicrosoftXMLDOM");

}catch(e){

try{

//创建FireFox空的XML文档对象

xmlDoc=documentimplementationcreateDocument("","",null);

}catch(e){

alert(emessage);

return "";

}

xmlDocasync = false;

try {　

xmlDocload("employeeInfoxml");

}catch(e){

alert(emessage);

return "";

}

var xd=xmlDocdocumentElementchildNodes;

if(xd==null)

return "";

var tempValue;

for(var i=0;i<xdlength;i++){

if(xd[i]childNodes[0]childNodes[0]nodeValue==nodeValue) tempValue=xd[i]childNodes[2]childNodes[0]nodeValue;

}

return tempValue;

}

调用方法：alert(getXmlNodeValueFor("王佳琳"));

以上就是关于在jsp中通过id来获取对象的值，有哪些方法呢全部的内容，包括:在jsp中通过id来获取对象的值，有哪些方法呢、jQuery的基本语句是什么啊、javascript中DOM获得一个元素的父结点和根据id获得这个结点的对象有什么区别等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9494941.html

在jsp中通过id来获取对象的值，有哪些方法呢

发表评论

评论列表（0条）