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

Posted on by

js修改title

title在html中屬於特殊的節點元素.因為它可以使用doucment.getElementsByTagName(“title”)[0]來獲取它的標題,但卻無法用doucment.getElementsByTagName(“title”)[0]用更改它的值.

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

document.title = 'xxxxxx';

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

js會使用document.title來代替網頁的title的原因是，title,head,body等標簽是缺省的唯一標簽，所以 document.title和document.body可以直接找到結果。 而title是一個結構的標簽，也就是說title內，隻能加入nodetext．而不能再加別的元素，於是它的使用又具有特殊性，為瞭不讓代碼出錯。於是js中規定document.title這個對象隻有一個屬性（也可以說是沒有屬性），document.title本身就是document對象的一個屬性．而不是它的一個子對象．於用document.title=”“來更改title。

jQuery修改title

獲取title的內容

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

修改title的內容

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

擴展：JavaScript和JQuery獲取標簽內容以及更改內容

<html>
	<head>
		<title>JavaScript和JQuery分別賦值</title>
	</head>
	<body>
		<button onclick="fun()">點擊</button>
 
		<p id="demo"></p>
 
		<input type="text" name="username" value="這是一個文本輸入框">
 
	
 
		<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都可以為當前元素設置系統時間
				// 其中JQuery調用的是html()函數和text()函數
				// JavaScript調用的是innerHTML屬性和innerText屬性
				// 註意：html()函數和text()函數分別對應innerHTML屬性和innerText屬性
				// html()或innerHTML 與 text()或innerText的區別是：
				// 前者在向元素賦值字符串時，字符串中可以帶html標簽，並且可以被瀏覽器解析出來
				// 而後者在向元素賦值字符串時，字符串中若帶html標簽，則會當成普通字符串輸出。
 
				// 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'>測試文件</b>");
				// $("#demo").html("<b style='color:red'>測試文件</b>");
 
 
				// JavaScript賦值方式
				// document.getElementById("demo").innerText="<b style='color:red'>測試文件</b>";
				// document.getElementById("demo").innerHTML="<b style='color:red'>測試文件</b>";
 
 
 
				// 註意：JQuery的val()函數和JavaScript的value屬性都可以獲取表單輸入框中的value值
 
				// 1. 使用JQuery通過input輸入框上的屬性獲取value的內容
				// 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的內容
				// 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>

到此這篇關於js獲取修改title與jQuery獲取修改title的文章就介紹到這瞭,更多相關jquery修改title內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：