JS 和 a href className JS編寫順序與運行順序字符串或變量嵌入中括號代替點號表明屬性

時間 2019-12-06

標籤 href classname 編寫順序運行字符串變量嵌入中括號代替點號表明屬性欄目 JavaScript 简体版

原文原文鏈接

JS 和 a href

在href裏面注意分號結尾, 引號閉合javascript

<a href="javascript:;">空連接</a>
<a href="javascript:alert('a');">彈出</a>

通常不妨代碼, 通常讓它空着. 空着也能夠用井號'#', 但不是很好.css

className

<style>
#div1 {width:100px; height:100px; border:1px solid black;}
.box {background:red;}
</style>
<script>
function toRed()
{
    var oDiv=document.getElementById('div1');
    
    oDiv.className='box';             //不要寫成class
}
</script>
</head>

<body>
<input type="button" value="變紅" onclick="toRed()" />
<div id="div1">

1. getelementbyId 是和id 相連. 但沒有和 class相連的方法. html

getElementById()	返回對擁有指定 id 的第一個對象的引用。
getElementsByName()	返回帶有指定名稱的對象集合。
getElementsByTagName()	返回帶有指定標籤名的對象集合。

要用JS 根據/建立 className索引樣式 . 須要在getelement後再加一個二級屬性'.className'. java

加了以後原本指定id的標籤不單從'井號'索引針對id的樣式, 也同時從'點號'索引針對class的樣式.web

2. getelement.className = 'box'; 引發的變化: //上面的例子是oDiv 換一個說法而已同樣的.函數

若是<div>標籤裏面已經有class=xxx 的屬性, 那麼事件動做引出函數的時候, class=xxx將會被修改爲class=boxspa

若是<div>沒有class =xxx , 就會在執行script的時候順帶建立. 3d

回想一下若是<div> 沒有指明的style = XXX, 那麼getelement.style.backgroud 也會自動建立code

getelement. + style/ class / type / href / value 等等, 想改想加均可以很方便隨意了.就怕你不像改orm

這僅僅是一種方法.

- 還有getelement ['value'] 這樣中括號引號的方式, 和 . (點號) 的帶出屬性是同樣的. 通常不是特殊狀況不會使用[' '] 這種方式.

若是[''] 要引用的是某個變量假設 a ='width', 那麼['a'] 就變成 [' ' width ' '] 這樣就不符合getelement ['屬性'] 這樣的概念了.

這時候的處理方法就能夠是[a] 就不帶引號了!

- 全部的 . 均可以用 [''] 代替

oDiv.className='box'; //下面的是等價的

oDiv['className'] ='box';

多層也能夠, oDiv['style']['width'] = '40px'

- 何時須要用['']? 函數傳參通常能夠傳到值上, 有時候要傳到屬性名稱上表明屬性, 這時候就要用到['']

JS嵌入的html運行順序:

-執行事件動做, 執行指向的JS函數, 函數對指定id標籤進行修改.

JS嵌入的html代碼編寫順序:

-想好更改什麼效果, 標註id/class 到指定效果標籤, 使用 .或者# 建立{style}, 調用ID編寫變動css的邏輯, 用事件函數觸發.

相關文章

相關標籤/搜索

SeqList順序表

排序+字符串

C語言順序查找（順序表）

PHP 7 新特性

Hibernate教程

XLink 和 XPointer 教程

代碼格式化

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<