在JS的脚本里,怎么把一个html字符串转成的DOM对象.从而能使用返回的DOM对象来访问某一个节点?
2014-09-10 21:35
609 查看
比如现在有一个字符串"<html><head><title>New Document </title></head><body><input type='text' value='123' id='test'></body></html>" 在JS的脚本里,我怎么取到这个字符串转成的DOM对象.从而能使用返回的DOM对象来访问某一个节点? 比如: <script type="text/javascript"> var test = "<html><head><title>New Document </title></head><body><input type='text' value='123' id='test'></body></html>"; var dom = ????(test); alert(dom.getElementById('test').value); </script> (此例子中????代表不知道用什么函数可以进行转换..要达到的效果就是取到id为test的值.)
你的这个javascript脚本通常会在一个HTML页面里面运行。所以如果你的字符串里面没有<html>标签,直接就是内容<input type='text' value='123' id='test'>,那么可以通过doucment.createElement创建一个div,然后把这个div的innerHTML设置成你的字符串。再把这个div append到doucmnet下面人任何一个元素里(通常就是body元素),这样就可以document.getElementById来获取了。用完之后如果不需要了,再从dom tree里把这个元素移除掉,或者就把这个div设置为display="None"就好 但是如果这个字符串是完整的HTML,包括<html><head><body>等标签,那么就需要创建一个新的iframe,把这个iframe的innerHTML设置成你的字符串,然后通过iframe的document的getElementById来获取。A:
一定要用元素去存放HTML字符串吗,不能用dompraser之类的去处理吗?B:
dompraser对语法要求比较严格,一定要是xhtml,这是其一。 另外看你的目的是什么。如果你只的这个输入串实际上就是一些数据,你只想解析这些数据,那么可以使用domparser,但是如果这个是页面,希望浏览器有一些相应的行为,那么就必须要元素。 如果觉得这两点对你都不是问题,那么肯定可以使用domparser
相关文章推荐
- 使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息
- Wpf 使用TypeConverter将字符串赋值给对象,并返回某一对象
- js里怎么判断一个对象是否是日期类型,即Date,用typeof返回的是object
- struts2怎么返回一个字符串给jsp?(使用json)
- eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval
- 使用MVC中的HtmlHelper对象的ActionLink方法,实现一个Javascript:void(0)效果,去调用一个JS方法
- 转一个js类型判断函数,支持返回dom 元素的类型,像HTMLBody
- 如何在一个已排序的NSArray中搜索某一特定字符串?答案是使用CFArray自带的搜索功能:
- 服务器端返回的JSON字符串 怎样在 JS中转换成可访问的 JSON对象
- 一个Web页面中调用多个js脚本和梅花雨日历控件的使用
- 使用boost查找区分大小写查找,查找一个字符串在另外一个字符串的位置,返回索引。
- 一个学习html(dom),js,css,xml等所有web技术的好网站
- PHP返回JS是JSON格式的字符串,转换为对象
- MVC中,如果从controller返回的不是一个html,而是一个文本,使用AJAX中如何获取?
- 在客户端使用xslt来解析dom生成网页,不使用js的DOM生成网页,真是一个好思路
- 为JS脚本中String对象扩展一个静态Format()方法
- 在js中使用createElement创建HTML对象和元素
- 使用JavaScript创建一个字符串对象
- 使用JavaScript创建一个字符串对象
- js可以利用dom非常轻松的就可以遍历一个表格。当然只要是dom中有的所有对象都可以通过js来访问和处理。