javascript方框,方框的代码

很冒昧，我想请教一下，怎样用JS语言显示多个不同颜色的方框呢？

是这个意思吗？

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

相关问答

Q1: 用javascript如何创建文本框

第一种：这样的代码用多了比较耗时，尽量少用；

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

Q2: 为什么javascript赋值有四个框

如果需要用javascript获取id为username1， password1的输入框的值，将其写入id为username2， password2的输入框，那么红线区域的代码是不可取的。这样看到的结果是，alert依次弹出username1， password1的输入框的值，事实上并没有成功的赋值。这是为什么？因为var username2 = document.getElementById("username2").value; 这行代码中username2的值是一个空字符串，举个例子，如果username1 = "123"， 那么username2 = username1;就等价于""="123"，把一个字符串赋值给空字符串，没有意义。同理，password2 = password1；也是一个道理

解构赋值语法是一种 JavaScript 表达式，通过解构赋值， 可以将属性/值从对象/数组中取出，赋值给其他变量。这种语法是 ECMAscript 6 规范引入了一种新语法，可以更轻松地从数组和对象中获取值。

只需改动上面红色的四行代码。如下所示，username2.value有两个含义，1. 它的值是空字符串；2. 它表示元素对象的属性，username2.value = username1; 就是把id为username1的输入框的值赋值给id为username2的对象的属性。