Javascript 如何使用.TextContent显示文本？_Javascript_Html

Javascript 如何使用.TextContent显示文本？

javascript html

Javascript 如何使用.TextContent显示文本？,javascript,html,Javascript,Html,我试图通过在JS中用.TextContent覆盖HTML来显示消息Hey friends。所以不要只是说嗨！我想让它说嗨，朋友们 HTML <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>friends</title> <script type="text/javascript" src="https://aj

我试图通过在JS中用.TextContent覆盖HTML来显示消息Hey friends。所以不要只是说嗨！我想让它说嗨，朋友们

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>

您需要将脚本标记包含在它们将访问的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节点之后：

<!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>

它只需确保您的

标记位于

之前即可工作。它只需确保您的

标记位于

之前即可工作

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