js獲取修改title與jQuery獲取修改title的方法

更新時(shí)間：2023年02月28日 15:29:41 作者：樊小書生

這篇文章主要介紹了js獲取修改title與jQuery獲取修改title的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

js修改title

title在html中屬于特殊的節(jié)點(diǎn)元素.因?yàn)樗梢允褂胐oucment.getElementsByTagName(“title”)[0]來獲取它的標(biāo)題,但卻無法用doucment.getElementsByTagName(“title”)[0]用更改它的值.

但是,總有解決的方法. 在javascript中,修改title的方法是：

document.title = 'xxxxxx';

在<body></body>之間的節(jié)點(diǎn)元素用document.getElementsByTagName()來獲取或修改。documentElement代表的是<html></html>中間的所有東西.

js會(huì)使用document.title來代替網(wǎng)頁的title的原因是，title,head,body等標(biāo)簽是缺省的唯一標(biāo)簽，所以 document.title和document.body可以直接找到結(jié)果。而title是一個(gè)結(jié)構(gòu)的標(biāo)簽，也就是說title內(nèi)，只能加入nodetext．而不能再加別的元素，于是它的使用又具有特殊性，為了不讓代碼出錯(cuò)。于是js中規(guī)定document.title這個(gè)對(duì)象只有一個(gè)屬性（也可以說是沒有屬性），document.title本身就是document對(duì)象的一個(gè)屬性．而不是它的一個(gè)子對(duì)象．于用document.title=”“來更改title。

jQuery修改title

獲取title的內(nèi)容

$(document).attr("title","");
$("title").html("");

修改title的內(nèi)容

$(document).attr("title","修改title的內(nèi)容");
$("title").html("修改title的內(nèi)容");

擴(kuò)展：JavaScript和JQuery獲取標(biāo)簽內(nèi)容以及更改內(nèi)容

<html>
	<head>
		<title>JavaScript和JQuery分別賦值</title>
	</head>
	<body>
		<button onclick="fun()">點(diǎn)擊</button>
 
		<p id="demo"></p>
 
		<input type="text" name="username" value="這是一個(gè)文本輸入框">
 
	
 
		<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
		<script type="text/javascript">
			function fun(){
				// 通過JQuery和JS都可以為當(dāng)前元素設(shè)置系統(tǒng)時(shí)間
				// 其中JQuery調(diào)用的是html()函數(shù)和text()函數(shù)
				// JavaScript調(diào)用的是innerHTML屬性和innerText屬性
				// 注意：html()函數(shù)和text()函數(shù)分別對(duì)應(yīng)innerHTML屬性和innerText屬性
				// html()或innerHTML 與 text()或innerText的區(qū)別是：
				// 前者在向元素賦值字符串時(shí)，字符串中可以帶html標(biāo)簽，并且可以被瀏覽器解析出來
				// 而后者在向元素賦值字符串時(shí)，字符串中若帶html標(biāo)簽，則會(huì)當(dāng)成普通字符串輸出。
 
				// JQuery賦值方式
				$("#demo").html(Date());
				// $("#demo").text(Date());
 
				// JavaScript賦值方式
				// document.getElementById("demo").innerText=Date();
				// document.getElementById("demo").innerHTML=Date();
 
				// JQuery賦值方式
				// $("#demo").text("<b style='color:red'>測(cè)試文件</b>");
				// $("#demo").html("<b style='color:red'>測(cè)試文件</b>");
 
 
				// JavaScript賦值方式
				// document.getElementById("demo").innerText="<b style='color:red'>測(cè)試文件</b>";
				// document.getElementById("demo").innerHTML="<b style='color:red'>測(cè)試文件</b>";
 
 
 
				// 注意：JQuery的val()函數(shù)和JavaScript的value屬性都可以獲取表單輸入框中的value值
 
				// 1. 使用JQuery通過input輸入框上的屬性獲取value的內(nèi)容
				// var val = $("input[type='text']").val();       //ok
				// var val = $("input[name='username']").val();  //ok
				// var val = $("input[name='username']").attr("value");  //ok
 
 
 
				// 2. 使用JavaScript獲取input輸入框中value的內(nèi)容
				// var val = document.getElementsByName("username")[0].value;  //ok
				// var val = document.getElementsByTagName("input")["username"].value; //ok
				// var val = document.getElementsByTagName("input")[0].value; //ok
 
				// alert(val)
 
				
			}
 
		</script>
 
	</body>
 
</html>

到此這篇關(guān)于js獲取修改title與jQuery獲取修改title的文章就介紹到這了,更多相關(guān)jquery修改title內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: