Member 13328286 Ответов: 2

Почему первый абзац работает а второй нет и оба с одним и тем же вызовом из скрипта


 <!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Javascript Learning</title>
<script type="text/javascript">
function my(){
var userName = "Lister";
switch (userName) {
    case "Lister" :
    document.getElementById("bbref").innerHTML = "Lister Is the Man!";
    break;
    case "Rimmer":
    document.getElementById("bbref").innerHTML = "Rimmer is a Smeg head...";
    break;
    default :
    doacument.getElementById("bbref").innerHTML = "It's all about \"The Cat\""
}
	var x = document.cal.elements[0].name;
		var y = "jan";
		document.write(x);
		switch(y){
			case "jan" :
				document.getElementById("1").innerHTML="1";
			break;
			default :
				document.write("sdffds");
			
				
		}

}
window.onload = my;
</script>
</head>
<body>

            <h1 id="bbref">Test Title</h1>
			
			<h2 id="bbref"> aaaaaa</h2>
   
</body>
</html>


Что я уже пробовал:

два абзаца с одним и тем же вызовом из скрипта

2 Ответов

Рейтинг:
2

OriginalGriff

Ну, не очень понятно, о чем вы говорите, но ... .. doacument это определенно неправильно:

doacument.getElementById("bbref").innerHTML = "It's all about \"The Cat\""


Рейтинг:
1

Karthik_Mahalingam

пробовать

function my(){
    var userName = "Lister";
    var value = '';
switch (userName) {
    case "Lister" :
   value = "Lister Is the Man!";
    break;
    case "Rimmer":
   value= "Rimmer is a Smeg head...";
    break;
    default :
       value = "It's all about \"The Cat\""; 
    }
var elems = document.querySelectorAll('[id="bbref"]');
for (var i = 0; i < elems.length; i++) {
    elems[i].innerHTML = value;
} 
}


или

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Javascript Learning</title>
    <script type="text/javascript">
        function my() {
            var userName = "Lister";
            var value = '';
            switch (userName) {
                case "Lister":
                    value = "Lister Is the Man!";
                    break;
                case "Rimmer":
                    value = "Rimmer is a Smeg head...";
                    break;
                default:
                    value = "It's all about \"The Cat\"";
            }
            var elems = document.getElementsByClassName('bbref');
            for (var i = 0; i < elems.length; i++) {
                elems[i].innerHTML = value;
            }
        }
        window.onload = my;
    </script>
</head>
<body>

    <h1 id="bbref" class="bbref">Test Title</h1>

    <h2 id="bbref" class="bbref"> aaaaaa</h2>

</body>
</html>


относиться Document.getElementsByClassName () - веб-API | MDN[^]