您的位置：首页 > Web前端 > JavaScript

在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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航