Question

我需要知道如何添加一些javascript来在文本中添加值，如下所示

HTML代码中的原始div，如

<div> Text </div>

我需要某种方法将div中的值放在源代码中，如下面的

<div data-texe> Text </div>

我试过但是我的新手

  <script>
        var div = document.getElementByDIV;
        div.innerDIV += 'data-texe';
  </script>

Answer 1

您想设置属性吗？

var div = document.getElementById('yourid');
div.setAttribute('data','texe')

Answer 2

您需要先找到一种方法来识别您的<div>元素，或者使用唯一ID或类名。在这个例子中，我选择了一个唯一的ID：

<div id="test">Text</div>

如果您要将data-texe属性添加到所有 <div>，您可以使用document.getElementsByTagName()然后循环结果。

但是，让我们坚持改变这个例子中的一个元素：

<script type="text/javascript">

    // getElementByDIV is obviously not a valid function, so let's use
    // one that finds an element by its ID:
    var div = document.getElementById('test');

    // The setAttribute function lets you add an attribute to the element
    // The first parameter is the attribute name and the second is its value
    // Attributes with no values are implicitly defined as empty string
    div.setAttribute('data-texe', '');

</script>

在div标签内写入文本属性

2 个答案: