【问题标题】:javascript getElementById and convert it to Stringjavascript getElementById 并将其转换为字符串
【发布时间】:2011-01-29 00:44:22
【问题描述】:

有没有办法将 javascript HTML 对象转换为字符串? 即

var someElement = document.getElementById("id");
var someElementToString = someElement.toString();

非常感谢

【问题讨论】:

    标签: javascript


    【解决方案1】:

    如果你想要整个标签的字符串表示,那么你可以在支持它的浏览器上使用outerHTML

    var someElementToString = someElement.outerHTML;
    

    对于其他浏览器,apparently you can use XMLSerializer:

    var someElement = document.getElementById("id");
    var someElementToString;
    
    if (someElement.outerHTML)
        someElementToString = someElement.outerHTML;
    else if (XMLSerializer)
        someElementToString = new XMLSerializer().serializeToString(someElement); 
    

    【讨论】:

      【解决方案2】:

      您始终可以将元素的克隆包装在“屏幕外”的空容器中。 容器的 innerHTML 是克隆和原始的“outerHTML”。 传递 true 作为第二个参数来获取元素的后代。

      document.getHTML=function(who,deep){ 
       if(!who || !who.tagName) return '';
       var txt, el= document.createElement("div");
       el.appendChild(who.cloneNode(deep));
       txt= el.innerHTML;
       el= null;
       return txt;
      }
      

      【讨论】:

        【解决方案3】:
        someElement.innerHTML
        

        【讨论】:

        • 但在这种情况下,我将获得
          标签的内容,而不是标签本身,即如果我有
           
          然后通过使用 .innerHTML 我得到“ ”而不是 '
           
          '
        【解决方案4】:

        正如 Darin Dimitrov 所说,您可以使用 element.innerHTML 来显示 HTML 元素子节点 HTML。如果你在 IE 下,你可以使用 outerHTML 属性,即元素加上它的后代节点 HTML

        【讨论】:

          【解决方案5】:
          str=getElementById('****').innerHTML
          $i('result').innerHTML=">PLAINTEXT<"+str+"\>/PLAINTEXT<"
          

          【讨论】:

          • 纯代码答案并不是特别有用。请简要说明此代码如何解决问题。
          【解决方案6】:

          您只需创建一个变量,然后将值存储到其中。在我的一个项目中,我做了同样的事情,而且效果很好。

          var message = ""; 
          message = document.getElementById('messageId').value;
          

          测试它..它肯定会工作。

          【讨论】:

          • 这不符合 OP 的要求
          猜你喜欢
          • 2023-02-01
          • 1970-01-01
          • 1970-01-01
          • 2015-07-21
          • 1970-01-01
          • 2015-02-18
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多