連續(xù)點(diǎn)擊按鈕，p內(nèi)文字style會(huì)切換，但最后顯示文字時(shí)，one和two不會(huì)切換，為什么？怎么寫才對(duì)？
<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8"/>
????????<title>changeClass</title>
????????<style>
????????????.one
????????????{
????????????????font-size:20px;
????????????????color:#A0A;
????????????????background-color:#FA0;
????????????}
????????????.two
????????????{
????????????????font-size:50px;
????????????????color:#000;
????????????????background-color:#00F;
????????????}
????????????input
????????????{
????????????????font-size:50px;
????????????}
????????</style>
????</head>
????<body>
????????<form>
????????????<input?type="button"?value="change_class_button"?onclick="onChangeClass()"/>
????????</form>
????????<p?id="testID"?class="one">Javascript?abc?漢字</p>
????????<script>
????????????var?some=document.getElementById("testID");
????????????document.write("元素p的class值為"+some.className);
????????????function?onChangeClass()
????????????{
????????????????if(some.className?==?"one")
????????????????{
????????????????????some.className="two";
????????????????}
????????????????else
????????????????{
????????????????????some.className="one";
????????????????}
????????????}
????????</script>
????</body>
</html>連續(xù)點(diǎn)擊按鈕，p內(nèi)文字style會(huì)切換，但最后顯示文字時(shí)，one和two不會(huì)切換，為什么？怎么寫才對(duì)？
2019-08-22
document.write("元素p的class值為"+some.className);只是打印了第一遍，click的時(shí)候改變的只是style.
2020-07-30
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <meta charset="utf-8"/>
? ? ? ? <title>changeClass</title>
? ? ? ? <style>
? ? ? ? ? ? .one
? ? ? ? ? ? {
? ? ? ? ? ? ? ? font-size:20px;
? ? ? ? ? ? ? ? color:#A0A;
? ? ? ? ? ? ? ? background-color:#FA0;
? ? ? ? ? ? }
? ? ? ? ? ? .two
? ? ? ? ? ? {
? ? ? ? ? ? ? ? font-size:50px;
? ? ? ? ? ? ? ? color:#000;
? ? ? ? ? ? ? ? background-color:#00F;
? ? ? ? ? ? }
? ? ? ? ? ? input
? ? ? ? ? ? {
? ? ? ? ? ? ? ? font-size:50px;
? ? ? ? ? ? }
? ? ? ? </style>
? ? </head>
? ? <body>
? ? ? ? <form>
? ? ? ? ? ? <input type="button" value="change_class_button" onclick="onChangeClass()"/>
? ? ? ? </form>
? ? ? ? <p id="testID" class="one">Javascript abc 漢字</p>
? ? ? ? <p>元素p的class值為<span id=ha1></span></p>
? ? ? ? <script>
? ? ? ? ? ? var some=document.getElementById("testID");
? ? ? ? ? ? var ha1=document.getElementById("ha1")
? ? ? ? ? ? function onChangeClass()
? ? ? ? ? ? {
? ? ? ? ? ? ? ? if(some.className == "one")
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? some.className="two";
? ? ? ? ? ? ? ? ? ? ha1.innerHTML=some.className;
? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? else
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? some.className="one";
? ? ? ? ? ? ? ? ? ? ?ha1.innerHTML=some.className;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? </script>
? ? ? ??
? ? </body>
</html>
//這樣更為符合！?。。?/p>
2020-07-29
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <meta charset="utf-8"/>
? ? ? ? <title>changeClass</title>
? ? ? ? <style>
? ? ? ? ? ? .one
? ? ? ? ? ? {
? ? ? ? ? ? ? ? font-size:20px;
? ? ? ? ? ? ? ? color:#A0A;
? ? ? ? ? ? ? ? background-color:#FA0;
? ? ? ? ? ? }
? ? ? ? ? ? .two
? ? ? ? ? ? {
? ? ? ? ? ? ? ? font-size:50px;
? ? ? ? ? ? ? ? color:#000;
? ? ? ? ? ? ? ? background-color:#00F;
? ? ? ? ? ? }
? ? ? ? ? ? input
? ? ? ? ? ? {
? ? ? ? ? ? ? ? font-size:50px;
? ? ? ? ? ? }
? ? ? ? </style>
? ? </head>
? ? <body>
? ? ? ? <form>
? ? ? ? ? ? <input type="button" value="change_class_button" onclick="onChangeClass()"/>
? ? ? ? </form>
? ? ? ? <p id="testID" class="one">Javascript abc 漢字</p>
? ? ? ? <p id="ha1">元素p的class值為</p>
? ? ? ? <script>
? ? ? ? ? ? var some=document.getElementById("testID");
? ? ? ? ? ? var ha2=document.getElementById("ha1")
? ? ? ? ? ??
? ? ? ? ? ? function onChangeClass()
? ? ? ? ? ? {
? ? ? ? ? ? ? ? if(some.className == "one")
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? some.className="two";
? ? ? ? ? ? ? ? ? ? ha2.innerHTML="元素p的class值為two"
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? else
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? some.className="one";
? ? ? ? ? ? ? ? ? ? ha2.innerHTML="元素p的class值為one"
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? </script>
? ? </body>
</html>
?。。。。。。。。。。。。?！可以改成這樣