很冒昧，我想請教一下，怎樣用JS語言顯示多個不同顏色的方框呢？

是這個意思嗎？

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的漢源網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

HTML：

body

input type="text" onfocus="change(this)" onblur="re(this)" value="" /

/body

JS：

script type="text/javascript"

function change(obj){

var css = "border:1px solid #FF0000;";

obj.style.cssText = css;

}

function re(obj){

var css = "border:1px solid #000000;";

obj.style.cssText = css;

}

/script

用javascript如何創(chuàng)建文本框

第一種：這樣的代碼用多了比較耗時，盡量少用；

head

script

window.onload=function(){

var oInput=document.createElement("input");

oInput.type="text";

document.body.appendChild(oInput);

}

/script

/head

第二種：這種也行

head

script

window.onload=function(){

document.body.innerHTML="input type='text' /"

}

/script

/head

為什么javascript賦值有四個框

如果需要用javascript獲取id為username1， password1的輸入框的值，將其寫入id為username2， password2的輸入框，那么紅線區(qū)域的代碼是不可取的。這樣看到的結(jié)果是，alert依次彈出username1， password1的輸入框的值，事實上并沒有成功的賦值。這是為什么？因為var username2 = document.getElementById("username2").value; 這行代碼中username2的值是一個空字符串，舉個例子，如果username1 = "123"， 那么username2 = username1;就等價于""="123"，把一個字符串賦值給空字符串，沒有意義。同理，password2 = password1；也是一個道理

解構(gòu)賦值語法是一種 JavaScript 表達(dá)式，通過解構(gòu)賦值， 可以將屬性/值從對象/數(shù)組中取出，賦值給其他變量。這種語法是 ECMAscript 6 規(guī)范引入了一種新語法，可以更輕松地從數(shù)組和對象中獲取值。

只需改動上面紅色的四行代碼。如下所示，username2.value有兩個含義，1. 它的值是空字符串；2. 它表示元素對象的屬性，username2.value = username1; 就是把id為username1的輸入框的值賦值給id為username2的對象的屬性。