主页 / 问题 / 1560822
Accepted
drako black
Asked:2024-01-09 17:08:50 +0000 UTC2024-01-09 17:08:50 +0000 UTC

如何从创建的 HTML 元素生成 js 字符串

  • 772

我试图在谷歌上寻找答案，但结果总是不是我需要的……可能是我没有正确地表达问题，所以我向专家寻求帮助。

所以问题是这样的：

function status() {
      let a = [ 'Status',]
      let span = document.createElement('span')
      span.className = "text6"
      span.style = "color: red"
      span.innerText = 'Ruined'
      let span2 = String(span)
      console.log('span', span)
      console.log('span2', span2)
      for (var i = 0; i < 7; i++) {
        a.push('<span class="text6" style="color: red">Ruined</span>')
      }
      return a;
    },

我有一个小函数，它创建带有标签和其他必要属性的填充 HTML 元素，然后从它们形成一个数组，稍后将在此基础上构建一个表...但问题是：如果我将此标签格式化为一个字符串并将这一行推入数组中，然后一切正常，但如果我尝试这样做，createElement以下条目将添加到数组中[object HTMLSpanElement]......

据我了解，问题是我创建了一个要添加到 DOM 树的元素，而不是字符串...我尝试将结果值转换为字符串，但这也没有帮助（变量span2）.. 。

那么问题来了，怎样才能让执行结果 a.push(span)和中一样呢a.push('<span class="text6" style="color: red">Ruined</span>')？我希望我已经表达清楚了我的观点。

javascript

1 个回答

  1. Best Answer

    该属性.innerText在设置时将其参数转换为字符串，因为该元素是传入的span，其字符串形式如下[object HTMLSpanElement]

    在这种情况下，最好重新考虑元素在表中的显示方式；但是，您可以使用属性获取元素的 html 标记.outerHTML

    let span = document.createElement('span')
span.className = "text6"
span.style = "color: red"
span.innerText = 'Ruined'

var html = span.outerHTML;

console.log(html);

    • 2

相关问题