js選中樣式（js樣式居中）

• 1、js控制選中樣式
• 2、JS里添加樣式
• 3、js瀏覽器打印 為什麼單選框無選中樣式
• 4、JavaScript改變選中的文本的字體樣式
• 5、js如何去掉選中文字的樣式
• 6、JS通過修改樣式實現選中與否的效果

!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

html

head

title註冊/title

script type=”text/javascript”

function abc(obj){

var cou = document.getElementsByTagName(“li”);

for(var i=0;icou.length;i++){

cou[i].style.color=””;

}

obj.style.color=”red”;

}

/script

/head

body

div class=”news_banner”

            ul

                li onclick=”abc(this)”顯示中/li

                li onclick=”abc(this)”審核中/li

                li onclick=”abc(this)”img src=”images/tj.png” alt=”添加新聞” class=”news_img” /添加新聞/li

            /ul

        /div

/body

/html

JS里添加樣式的方法：

1、首先，要創建標籤，使用document.createElement函數，如圖創建div標籤。使用其className設置class，id設置id，style設置樣式。

2、樣式的設置也可以分項進行。如圖是分項設置其left，top，display，position，width幾個樣式。

3、通過設置標籤的innerHTML屬性可以直接給其添加子標籤以及子標籤的樣式。當然，也可以分項分層添加標籤。

4、設置好標籤（如圖是div標籤，變量名box），使用document.body.appendChild添加標籤到body當中。

5、標籤添加以後，依然可以修改樣式，如圖是使用document.getElementById方法根據id獲取標籤，修改style。

6、標籤添加以後，也可以給其添加和刪除event處理。如圖是使用jQuery給id為img-preview-box的標籤添加hover鼠標經過的處理。

控制該單選按鈕的checked屬性就可以了,賦值為true選中,賦值為false為取消選中,或是選中同組的其它按鈕則當前按鈕自動取消選中.示例代碼如下:

input type=”radio” name=”r” id=”r1″1input type=”button” onclick=”javascript:document.getElementById(‘r1’).checked=true;” value=”選中1″input type=”button” onclick=”javascript:document.getElementById(‘r1’).checked=false;” value=”取消1″

都是一個道理，只不過修改的對象不一樣，不過按照你說的“選中字符串中某幾個字符”，這個就大大增加繁瑣度了，一般只是修改程序員指定的某段文字，把這些文字統一修改為一個樣式。比如說頁面上有這樣一段話“您好！歡迎來到百度知道！”，那麼你的意思是說把“您好！”修改為紅色，把“歡迎來到”修改為綠色，再把“百度知道！”又改為其它樣式，這樣不僅增加編程難度，而且很難看，文檔對象模型基本上可以控制任何一個頁面元素，道理都是一樣的，不管是修改文本框里的文字還是修改頁面上的文字，都是通過文檔對象模型來控制和修改。具體的代碼我就不會寫了，我對JavaScript只是了解，具體實現並不熟悉。 JavaScript不是Java吧….怎麼能說”Java相關” document.execCommand()用法說明 2D-Position 允許通過拖曳移動絕對定位的對象。 AbsolutePosition 設定元素的 position 屬性為“absolute”(絕對)。 BackColor 設置或獲取當前選中區的背景顏色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold 切換當前選中區的粗體顯示與否。 BrowseMode 目前尚未支持。 Copy 將當前選中區複製到剪貼板。 CreateBookmark 創建一個書籤錨或獲取當前選中區或插入點的書籤錨的名稱。 CreateLink 在當前選中區上插入超級鏈接，或顯示一個對話框允許用戶指定要為當前選中區插入的超級鏈接的 URL。 Cut 將當前選中區複製到剪貼板並刪除之。 Delete 刪除當前選中區。 DirLTR 目前尚未支持。 DirRTL 目前尚未支持。 EditMode 目前尚未支持。 FontName 設置或獲取當前選中區的字體。 FontSize 設置或獲取當前選中區的字體大小。 ForeColor 設置或獲取當前選中區的前景(文本)顏色。 FormatBlock 設置當前塊格式化標籤。 Indent 增加選中文本的縮進。 InlineDirLTR 目前尚未支持。 InlineDirRTL 目前尚未支持。 InsertButton 用按鈕控件覆蓋當前選中區。 InsertFieldset 用方框覆蓋當前選中區。 InsertHorizontalRule 用水平線覆蓋當前選中區。 InsertIFrame 用內嵌框架覆蓋當前選中區。 InsertImage 用圖像覆蓋當前選中區。 InsertInputButton 用按鈕控件覆蓋當前選中區。 InsertInputCheckbox 用複選框控件覆蓋當前選中區。 InsertInputFileUpload 用文件上載控件覆蓋當前選中區。 InsertInputHidden 插入隱藏控件覆蓋當前選中區。 InsertInputImage 用圖像控件覆蓋當前選中區。 InsertInputPassword 用密碼控件覆蓋當前選中區。 InsertInputRadio 用單選鈕控件覆蓋當前選中區。 InsertInputReset 用重置控件覆蓋當前選中區。 InsertInputSubmit 用提交控件覆蓋當前選中區。 InsertInputText 用文本控件覆蓋當前選中區。 InsertMarquee 用空字幕覆蓋當前選中區。 InsertOrderedList 切換當前選中區是編號列表還是常規格式化塊。 InsertParagraph 用換行覆蓋當前選中區。 InsertSelectDropdown 用下拉框控件覆蓋當前選中區。 InsertSelectListbox 用列表框控件覆蓋當前選中區。 InsertTextArea 用多行文本輸入控件覆蓋當前選中區。 InsertUnorderedList 切換當前選中區是項目符號列表還是常規格式化塊。 Italic 切換當前選中區斜體顯示與否。 JustifyCenter 將當前選中區在所在格式化塊置中。 JustifyFull 目前尚未支持。 JustifyLeft 將當前選中區所在格式化塊左對齊。 JustifyNone 目前尚未支持。

你這樣寫不太好。這樣，你稍微修改下，這麼寫。先定義一個樣式就叫

.fontColorStyle{background:#F2F419}

然後給字體添加樣式代碼是

$(‘#id’).addClass(‘fontColorStyle’)

移除就是removeClass(‘fontColorStyle’);

這樣寫好一點。便於操作。當然需要引用Jquery了，別忘記

根據後台請求回來的狀態碼，然後用jquery修改html標籤的class名就行了

$(“.XX”).removeClass(“icon-unchoice”);

$(“.XX”).addClass(“icon-choice”);

反之亦然。希望能幫助到你