如何使用.TextContent显示文本？

Question

我试图通过在JS中用.TextContent覆盖HTML来显示消息“嘿朋友”。 因此，不仅要说嘿！ 我想说嘿朋友！

的HTML

<!doctype html>


<html lang="en">
<head>
   <meta charset="utf-8">
   <title>friends</title>
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <!-- This links to the js code specific for this page -->
    <script src="multiwrites.js"></script>

    <script src="multiwrites2.js"></script>
</head>
<body>
<div id="title">Hey!</div>
</body>
</html>

Java脚本

var message;
message = 'Hey Friends';

var elName = document.getElementById('title');
elName.textContent = message;

Answer 1

您需要在将要访问的DOM节点之后包括脚本标签：

<!DOCTYPE html>
<html>
<head>
  <title>Friends</title>
</head>
<body>
  <div id="title">hello</div>
  <script type="text/javascript">
    var el = document.getElementById('title');
    el.textContent = "hello world";
  </script>
</body>
</html>

或者等待DOM准备就绪，我可以看到您已经包含jQuery，可以通过以下方式完成：

jQuery(function($) {
  // In here the whole DOM will be "ready"
  // Using jQuery API instead of native DOM API.
  $('#title').text('hello world');
});

如何使用.TextContent显示文本？

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-05-16 19:03:58

如何使用.TextContent显示文本？

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-05-16 19:03:58

解决方案1
2 已采纳 2016-05-16 19:03:58