2. 技术
    3. Web每日一练day8 实现选择css属性对颜色的控制

    Web每日一练day8 实现选择css属性对颜色的控制

    技术2025-01-15  16

    <HTML> <HEAD> <TITLE>CSS+JS控制文字</TITLE> </HEAD> <BODY> <STYLE> BODY {font-size: 8pt; font-family: Arial;} <!-- *********Found********* --> ________{font-size: 12pt; font-family: Arial; background-color: #00ccff; } <!-- *********Found********* --> ________{font-size: 8pt; font-family: Arial; background-color: #00ff00; } </STYLE> <SCRIPT> function fnChangeStyle(sValue){ <!-- *********Found********* --> if(sValue.________("CLEAR")>-1){ sValue=""; } return document.getElementById('oScratch').style.color =sValue;} //alert(jskdkdf);} else{ return document.getElementById('oScratch').style.color =sValue; } } </SCRIPT> <H1>请用样式表控制下列文字</H1> <!-- *********Found********* --> <DIV ID="________" STYLE="border: '5 solid'; border-color: #101010; background-color: #CFCFCF; color: #ff0000; font-size: 12pt; font-family: 'Arial';"> 为进一步适应新时期计算机应用技术的发展和人才市场需求的变化，教育部考试中心对NCRE考试体系进行调整，改革考试科目、考核内容和考试形式。从2013年下半年考试开始，将实施2013年版考试大纲，并按新体系开考各个考试级别。 </DIV> <P> <TABLE > <TR> <TD CLASS="datahead"><b>请选择你喜欢的颜色：</b></TD> </TR> <!-- *********Found********* --> <TD ><SELECT ID="dataitem" ________="fnChangeStyle(this.options(this.________).text)"> <OPTION>Red <OPTION>White <OPTION>Blue <OPTION>Yellow <OPTION>Silver <OPTION>Gold <OPTION>CLEAR THIS RUNTIME STYLE </SELECT> </td> </TR> </TABLE> </body> </html>

    答案

    1. .datahead 2. #dataitem 3. indexOf 4. oScratch 5. this.options.selectedIndex <HTML> <HEAD> <TITLE>CSS+JS控制文字</TITLE> </HEAD> <BODY> <STYLE> BODY { font-size: 8pt; font-family: Arial; } < !-- *********Found********* -->.datahead { font-size: 12pt; font-family: Arial; background-color: #00ccff; } < !-- *********Found********* -->#dataitem { font-size: 8pt; font-family: Arial; background-color: #00ff00; } </STYLE> <SCRIPT> function fnChangeStyle(sValue) { <!-- *********Found********* --> if (sValue.indexOf("CLEAR") > -1) { sValue = ""; } else { return document.getElementById('oScratch').style.color = sValue; } } </SCRIPT> <H1>请用样式表控制下列文字</H1> <!-- *********Found********* --> <DIV ID="oScratch" STYLE="border: '5 solid'; border-color: #101010; background-color: #CFCFCF; color: #ff0000; font-size: 12pt; font-family: 'Arial';"> 为进一步适应新时期计算机应用技术的发展和人才市场需求的变化，教育部考试中心对NCRE考试体系进行调整，改革考试科目、考核内容和考试形式。从2013年下半年考试开始，将实施2013年版考试大纲，并按新体系开考各个考试级别。 </DIV> <P> <TABLE> <TR> <TD CLASS="datahead"><b>请选择你喜欢的颜色：</b></TD> </TR> <!-- *********Found********* --> <TD><SELECT ID="dataitem" onchange="fnChangeStyle(this.options[this.options.selectedIndex].text)"> <OPTION>Red <OPTION>White <OPTION>Blue <OPTION>Yellow <OPTION>Silver <OPTION>Gold <OPTION>CLEAR THIS RUNTIME STYLE </SELECT> </td> </TR> </TABLE> </body> </html>

    圣人东游见两小儿辩斗，一儿在泥巴上用手指戳了个洞，说这是窟窿，另一小儿说这明明叫眼儿，于是两小儿问圣人说这应该叫什么，圣人说叫窟窿眼儿。

    Processed: 0.009, SQL: 9