Question

在这段代码中，我想创建一个新的span元素，我已经从前一页获取了文本：

(function (global) {
    var span = document.createElement("span");
    var text = document.createTextNode(global.localStorage.getItem("mySharedData"));
    span.appendChild(text);
    document.body.appendChild(span);
    }(window));

我想删除“from :( var text value）

<span>
      "<b>My contents are from <u><span style="color:rgb(0, 148, 133);">SPAN</span></u></b>"
</span>

如何删除文本开头的“文本末尾”。我怎么能修剪“？

之前我尝试使用id创建一个现有的span，我想只替换文本但存在同样的问题“”使其无法读取。

<span id="something">text</span>

更新：我不知道这是一个肮脏的解决方法或什么，但不知何故，我可以使它适用:(即使它还不完美）

<span id="output"></span>
<script>
(function (global) {
    var oldHTML = document.getElementById('output').innerHTML;
    var newHTML = oldHTML + global.localStorage.getItem("mySharedData");
    document.getElementById('output').innerHTML = newHTML;
    }(window));
</script>

Answer 1

您可以使用slice进行如下操作：

(function (global) {
    var span = document.createElement("span");
    var localStorageText = global.localStorage.getItem("mySharedData");
    var textToShow = localStorageText.slice(1, -1); 
    var text = document.createTextNode(textToShow);
    span.appendChild(text);
    document.body.appendChild(span);
}(window));

希望这有帮助！

Answer 2

您可以使用innerHTML的{{1}}：

span

示例：https://jsbin.com/bahikunuxo/edit?js,output

P.S。 (function (global) { var span = document.createElement("span"); span.innerHTML = global.localStorage.getItem("mySharedData"); document.body.appendChild(span); }(window));返回html编码文字：

document.createTextNode

Answer 3

如果要删除它们，只需在字符串上运行replace即可。如果你在中间有引号，这可能会导致问题，否则你可以只是子串。

span.textContent.replace(/["]/g, "");

我建议在元素上使用如下的子字符串方法：

span.textContent.slice(1, -1);

Jquery从create元素中删除''

3 个答案: