学校作业里的一道题，是要用css和html克隆一个网页，但是我好想怎么弄都达不到理想的效果，求大神！

html-css022

学校作业里的一道题，是要用css和html克隆一个网页，但是我好想怎么弄都达不到理想的效果，求大神！,第1张

给select加个样式，改变它的效果就好了

<style>

select{

width:300px

border:#CCC solid 1px

border-radius:2px

font-size:18px

color:#CCC

line-height:35px

height:35px

}

</style>

<body>

<select>

<option>select Box

</option>

</select>

</body>

cloneNode 是用来复制节点的，想复制css class name,可以用下面两种方法中的任意一种：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="author" content="coolwp.com">

</head>

<body onload="cloneCssClass()">

<div class="red"></div>

<div></div>

<script>

function cloneCssClass(){

document.getElementsByTagName("div")[1].className = document.getElementsByTagName("div")[0].className

console.log( document.getElementsByTagName("div")[1])

}

/*

或者,去掉body 上的 onload="cloneCssClass()" 只用下面的

document.getElementsByTagName("div")[1].className = document.getElementsByTagName("div")[0].className

*/

</script>

</body>

</html>