Ⅰ 如何用js輸出圖片img的title
<script type="text/javascript">
<!--
function Title( String ) {
document.getElementById('box2').innerHTML = String;
}
//-->
</script>
<div class="box" id="box">
<a href="#" class="pic1"><img src="1.jpg" title="這是圖片title的值" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic2"><img src="2.jpg" title="這是圖片title的值2" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic3"><img src="3.jpg" title="這是圖片title的值3" onMouseOver="Title(this.title)" /></a>
<a href="#" class="pic4"><img src="4.jpg" title="這是圖片title的值4" onMouseOver="Title(this.title)" /></a>
</div>
<div class="box2" id="box2"></div>
Ⅱ js 動態添加元素(div、li、img等)及設置屬性的方法
把一串
html
標簽賦給一個
javascript
變數，除屬性的值要用轉義的雙引號外，某些時候字元串還很長，顯得有些復雜。如果用
js
動態添加元素，就不會有那麼復雜的字元串出現，代碼閱讀性強一點，也容易理解。
網頁是由
html
標簽一層層組成的，js
也可以動態添加一層層的諸如
div、li、img
這樣的標簽。其實，不管是什麼
html
標簽，js
動態創建的方法都差不多，接著就先從動態添加
div
開始。
一、js
動態添加元素div
<div
id="parent"></div>
function
addElementDiv(obj)
{
var
parent
=
document.getElementById(obj);
//添加
div
var
div
=
document.createElement("div");
//設置
div
屬性，如
id
div.setAttribute("id",
"newDiv");
div.innerHTML
=
"js
動態添加div";
parent.appendChild(div);
}
調用：addElementDiv("parent");
二、js
動態添加li
<ul
id="parentUl"><li>原li</li></ul>
function
addElementLi(obj)
{
var
ul
=
document.getElementById(obj);
//添加
li
var
li
=
document.createElement("li");
//設置
li
屬性，如
id
li.setAttribute("id",
"newli");
li.innerHTML
=
"js
動態添加li";
ul.appendChild(li);
}
調用：addElementLi("parentUl");
三、js
動態添加元素img
<ul
id="parentUl"></ul>
function
addElementImg(obj)
{
var
ul
=
document.getElementById(obj);
//添加
li
var
li
=
document.createElement("li");
//添加
img
var
img
=
document.createElement("img");
//設置
img
屬性，如
id
img.setAttribute("id",
"newImg");
//設置
img
圖片地址
img.src
=
"/images/prod.jpg";
li.appendChild(img);
ul.appendChild(li);
}
調用：addElementImg("parentUl");
以上這篇js
動態添加元素(div、li、img等)及設置屬性的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
Ⅲ js或者jquery如何給每個數組添加自定義title屬性
你可以這樣操作：
<div id="untitle"></div>
<script>
$(document).ready(function(){
$("#untitle").attr("title","賦值");
})
</script>
希望能幫助內你。容