Method: 1. Use the "document.getElementsByTagName("title")[0].innerText='value'" statement; 2. Use the "document.title='value'" statement; 3. Use " $('title').html('value')" statement.
The operating environment of this tutorial: windows7 system, javascript1.8.5&&jquery1.10.2 version, Dell G3 computer.
js sets the html title title
innerText method
Through console.log(document. getElementsByTagName("title")[0]), and found that the
label can be printed. There are only text nodes in the label, so I guess it can only recognize TextNode, so I used innerText to set the value of title, and it succeeded. <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre><div class="contentsignin">Copy after login</div></div><p class="jb51code"><strong>document.title method</strong><br/></p><p>After testing, the value of title can also be set through document.title. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">console.log(document.title); # 可以获取title的值。
document.title = '需要设置的值'; # 设置title的值。</pre><div class="contentsignin">Copy after login</div></div><p><strong>jQuery method</strong></p><p>jQuery method We change the value of title when the browser gains focus and loses focus. You can find that when switching browser tabs, The title has changed. </p><p> Of course, if your project relies on jQuery, you can use the jq method to set it </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$('title').html('需要设置的值')
$('title').text('需要设置的值')</pre><div class="contentsignin">Copy after login</div></div><p> Example: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello</title>
<script src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
// $('title').html('php中文网');
$('title').text('php中文网');
</script>
</body>
</html></pre><div class="contentsignin">Copy after login</div></div><p><img src="https://img.php.cn/upload/image/616/738/796/1639375311415707.png" title="1639375311415707.png" alt="How to set html title in js"></p>
<p><span style="font-size: 18px;"><strong>Summary</strong></span></p>
<p>In native js, we can dynamically modify the title of the web page in two ways: <code>innerText</code> and <code>document.title</code>.</p> In <p>jq, we can modify it through <code>$('title').html('')</code> or <code>$('title').text('')</code>. </p>
<p>[Recommended learning: <a href="https://www.php.cn/course/list/2.html" target="_blank">javascript advanced tutorial</a>]</p>
The above is the detailed content of How to set html title in js. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
