使用JavaScript來選擇性改變HTML DOM中元素的樣式，使用if語句。
<style>
#p1 {
color: red;
}
</style>
</head>
<body>
<button onclick="myFunction()">點擊</button>
<p id="p1" >我在這裏改變了樣式</p>
<script>
function myFunction () {
var sum =document.getElementById("p1");
if (sum.style.color == "red" || sum.style.color == "" )
{
return sum.style.color = "skyblue";
}else {
return sum.style.color = "red";
}
}
</script>
</body>
使用JavaScript來選擇性改變HTML DOM中元素的樣式，使用if語句。
相關推薦
使用JavaScript來選擇性改變HTML DOM中元素的樣式，使用if語句。
javascrip 使用 style color () return cti .get turn <style> #p1 { color: red; } </style> </head> <body> <butto
javascript教程系列40:DOM中操作樣式的兩種方式
AS color 單位 css 註意 pan col ntb javascrip 1 DOM中操作樣式的兩種方式 1 通過元素的style屬性 註意: 通過style屬性設置樣式時,css中要寫單位的屬性,在js代碼中也要加單位 //html <div id="bo
HTML DOM中click和onclick區別
onclick是繫結事件，click本身是方法作用是觸發onclick事件 其區別在於： 1.事件名前一般都以on開頭； 2.方法是程式設計師寫語句直接呼叫，即顯示呼叫；【可以觸發onclick事件】 3.事件不需程式設計師呼叫，但是，必須由程式設計師寫一個函式且將該函式賦值給相
Web開發——JavaScript庫（jQuery HTML——新增/刪除元素）
參考：http://www.w3school.com.cn/jquery/jquery_dom_add.asp 1、jQuery - 新增元素 1.1 新增新的 HTML 內容 我們將學習用於新增新內容的四個 jQuery 方法： append() - 在被選元素的結尾插入內
JavaScript迴圈、JS HTML DOM、JS Window
今天繼續學習JavaScript，該筆記主要記錄JavaScript的迴圈、JS HTML DOM、JS Window。 JavaScript的for迴圈與white迴圈： 迴圈可以將程式碼塊執行指定
HTML檔案中元素的載入順序
不清楚,不明白, 所以也就不知道我寫的js究竟何時執行的, 也就不知道為什麼很多高效能的建議是要將js置於一個 html底端的</body>之前. 如果你也不是很明確,請來和我一起學習吧. 具體分析 首先我們來看一個示例的html頁面,如下: <html><head>&l
ViewSwitcher類解析，可以用來在兩個View中切換顯示，並新增切換動畫
前段時間根據專案需求有一個無限向上滾動顯示文字的TextView，這可難住寶寶了，如果說左右迴圈滾動還好，上下滾動沒做過啊，怎麼辦，只有百度了，然後就找到了幾個相關類，TextViewSwitcher,ImageSwitcher,ViewSwitcher，現在就
Java程式設計基礎筆記 —— 如何獲取陣列中元素的最大值。
運算元組時，經常需要獲取陣列中元素的最值，下面來學習如何獲取陣列中元素的最大值。 public class GetMax { public static void main(Stri
利用Javascript來修改file型別input標籤的樣式
問題描述： 一般情況下，利用file型別的input瀏覽選擇檔案，再配合form就可以實現檔案的上傳功能。實現出的效果如下圖：（以csdn寫部落格上傳圖片時的瀏覽框為例） 在實際的開發情況中，為了配合整個網頁的風格，也為了讓瀏覽框更美觀，需要對file型別的input進行
MySQL中的IFNULL，IF，NULLIF函式
MySQL中的IFNULL函式和IF函式 MySQL中的IFNULL函式類似於Oracle中的NVL函式，其表示式為：IFNULL(expr1,expr2)，含義是：如果第一個引數不為空，則返
es5 特性，在 map 迴圈過程中 this 丟失，失去上下文。
doClick = (item) => { return item; } 沒有繫結this。報錯：doClick not defined arr.map(function(item) {
不使用js改變input下的checkbox樣式，並用css3繪製對勾
首先是一段廢話，好久沒寫部落格了，自己要涼了，先發一篇，最近在一帖子上看見css3畫圖，感覺好有趣，然後研究了一下，明後天再發一篇，hahah~~ checkbox初始樣式 checkbox：初始樣式如下圖所示： 初始化的勾選框過於僵硬，因此有時候需要重新繪製複選框的樣式 改變
Extjs中報表匯出，報錯。
出錯的原因是，匯出按鈕提交所需要的FormPanel沒有渲染，寫的時候寫成這樣就可以了： var queryPanel = new Ext.form.FormPanel({ fileUpload: true, renderTo: Ext.getBody(),
HTML 標籤 （修改樣式，連結郵箱Email地址）
例項 指向 w3school 的超連結： <a href="http://www.w3school.com.cn" >W3School</a> 屬性 New : HTM
java 輸入陣列，最大的與第一個元素交換，最小的與最後一個元素交換，輸出陣列。
題目： 輸入陣列，最大的與第一個元素交換，最小的與最後一個元素交換，輸出陣列。 程式碼： import java.util.*; public class lianxi35 { public
lua中的運算子與if語句
--lua中的運算子 加+ 減- 乘* 除/ a=3+5 b=3-1 c=11-2*2 d=1+9/3 print(a,b,c,d) --關係運算符 大於> 小於< 等於== 不等於~=
HTML/JS 呼叫android方法，開發 Android。
由於業務需求和大趨勢導致，目前縱觀很多APP。很多都是用H5+native的方式去開發。關於wepApp和nativeApp它們之前的是是非非就不說了。 下面是利用H5應該是JS去呼叫本地Android的程式碼。 不是什麼特別高深的東西。 第一佈局： 1 <RelativeLayout
JavaScript HTML DOM 元素（節點）
enc javascrip item pan 效果 demo 移動元素 成功 append 在文檔對象模型 (DOM) 中，每個節點都是一個對象。DOM 節點有三個重要的屬性 ： 1. nodeName : 節點的名稱 2. nodeValue ：節點的值 3. no
JavaScript HTML DOM - 改變CSS
head char document ctype .cn body pre 語法 logs 改變 HTML 樣式 //語法document.getElementById(id).style.property=new style <p id="p2">He
JavaScript之DOM改變HTML的樣式
tro html line doc 背景 jpg fonts left 方法 改變 HTML 樣式 HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。如何改變 HTML 元素的樣式呢？ 語法: Object.style.property=new s