如何将字符串转化为HTML结点,不要用jq

JQuery 有这样的方法 $("<div><p>Hello</p></div>").appendTo("body");
不用JQuery 要如何实现这个功能

解决方案 »

  1.   

    <script>
    s="<div><p>Hello</p></div>"
    window.onload=function(){
      document.body.innerHTML=s;
    }</script>
      

  2.   

    <script type="text/javascript">
    var d = document.createElement('div');
    d.innerHTML = '<p>Hello</p>';
    document.getElementsByTagName('body')[0].appendChild(d);
    </script>
      

  3.   

    追加吗 
    obj.innerHTML+="<div><p>Hello</p></div>";
      

  4.   

    var str = "<div>hello world</div>";//只将str转化为节点,而不能加入新的元素,如 str = "<div>" + str + "</div>";
    function strToNode(str)
    {}
      

  5.   

    var str = "<div>hello world</div>";//只将str转化为节点,而不能加入新的元素,如 str = "<div>" + str + "</div>";
    function strToNode(str)
    {
    dd=document.createElement("div");
    dd.innerHTML=str;
    return dd;
    }
      

  6.   

    str 里的元素无法知道,简单的就是就要实现JQ中的 $("<div><p>Hello</p></div>") 这个功能,返回值为HTML节点对象
      

  7.   


            function createEle() {
                //创建元素 div,
                var oDiv = document.createElement("div");
                //动态设置样式
                oDiv.style.width = "100px";
                oDiv.style.background = "#0058a3";
                oDiv.appendChild(document.createTextNode("动态添加文字节点"));
                //添加到body中
                document.body.appendChild(oDiv);
            }
      

  8.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <head>
     <script type="text/javascript">
    var dd;
    function strToNode(str)
    {
    var reg=/^\<[\w0-9]*\>/i
    var tag=reg.exec(str); if(tag==null){
    return;
    }
    tag=tag.toString(); tag=tag.substr(1,tag.length-2);
    var inner=str.substr(tag.length+2,str.length-tag.length*2); dd=document.createElement(tag);
    dd.innerHTML=inner;
    return dd;//返回HTML节点对象 
    }function add(){

    //var rr=strToNode("<h1>你在他乡还好吗？</h1>");
    var rr=strToNode("<div>Hello Word!</div>");//基本功能实现了，不过传入的字符串要求必须是<***>*****</***>格式的，
    //开头标签内不能有属性和空格， rr.id="hfhf";//这里可以添加属性！
    rr.style.color="red";
    document.getElementById("xx").appendChild(rr);
    }
     </script>
     </head>
     <body>
      <input type="button" value="点击测试" id="btn" onclick="add()"/>
      <div id="xx"></div>
    </body>
    </html>