Javascript在没有innerHTML的div中设置内容

有时候，我们需要在没有innerHTML属性的div元素中动态地添加内容。这时候，我们可以使用以下方法：

方法一：通过创建文本节点

var div = document.getElementById('myDiv');
var textNode = document.createTextNode('Hello, World!');
div.appendChild(textNode);

以上代码中，我们通过getElementById方法获取到了一个div元素。接着，我们创建了一个文本节点，并将其添加到了div元素中。

方法二：通过创建HTML元素

var div = document.getElementById('myDiv');
var p = document.createElement('p');
p.textContent = 'Hello, World!';
div.appendChild(p);

以上代码中，我们通过createElement方法创建了一个p元素，并将其添加到了div元素中。接着，我们设置了该p元素的文本内容。

方法三：通过设置innerHTML属性

虽然题目中要求在没有innerHTML的情况下添加内容，但是这里还是提供了一种使用innerHTML的方式。因为在某些情况下，这种方式可能更加简单便捷。

var div = document.getElementById('myDiv');
div.innerHTML = 'Hello, World!';

以上代码中，我们通过getElementById方法获取到了一个div元素。接着，我们直接设置了该div元素的innerHTML属性。

总的来说，以上三种方法都是可以实现在没有innerHTML的情况下动态添加内容的。具体选择哪一种方法，需要根据具体的情况来决定。