Question

我正在尝试编写从一组随机字符串中选择的文本，这些字符串与html正文中的文本内联。到目前为止，这是我的代码：

的Javascript

var textArray = [
    'STRING 1',
    'STRING 2',
    'STRING 3',
    'STRING 4',
    'STRING 5',
    'STRING 6'];
var randomNumber = Math.floor(Math.random() * textArray.length);
document.getElementById('output').innerHTML = (textArray[randomNumber]);

HTML

<body>
TEXT <span id="output"></span> TEXT
</body>

它在JSFiddle中工作，但我在浏览器中遇到错误“Uncaught TypeError：无法设置属性'innerHTML'为null。”这有什么问题？另外，有更有效的方法吗？这是JSFiddle。

Answer 1

听起来好像JavaScript代码在DOM完全加载之前运行，因此没有可用的标识为output的元素。

尝试从document.onload处理程序中运行JS代码，它应该可以工作。

Answer 2

您必须添加就绪状态并包含jQuery。

$(function(){
   /*code here...*/
}

Try this

将随机字符串写入与文本内联的元素中

2 个答案: