2015-07-06 2 views
1

Очень новый для Javascript.Получение текста для изменения

Попытка получить текст «Абзац изменен», чтобы перейти к «Новому», когда нажата кнопка. Не слишком уверен, почему это происходит.

Благодаря

<!DOCTYPE html> 
<html> 
<body> 

<h1>My First Web Page</h1> 
<p id="demo">My first paragraph.</p> 

<script> 
function firstFunction(){ 
    document.getElementByID("demo").innerHTML="New"; 
</script> 

<button type="button" onclick="firstFunction()">Try it</button> 

</body> 
</html> 
+0

включают сценарий до закрытия тела тега. –

+0

У меня есть, см. Править –

+0

нет, вы этого не сделали. включить после кнопки. –

ответ

3

Есть две проблемы, я могу спот сразу:

  1. Вы не имеете закрывающую фигурную скобку в функции

  2. getElementById функция с орфографической ошибкой, последнее письмо не должно быть заглавным.

Вы будете видеть обе проблемы в консоли браузера при загрузке страницы. Он часто отображается, если вы нажимаете ctrl+shift+I, Ctrl+shift+J или F12 или можете найти его в меню инструментов. Когда вы откроете его, перейдите на вкладку console, и вы увидите ошибки.

Вот более подробную информацию о том, как открыть консоль:

https://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers

0
<!DOCTYPE html> 
<html> 
<body> 

<h1>My First Web Page</h1> 
<p id="demo">My first paragraph.</p> 

<script> 
function firstFunction(){ 
    document.getElementById("demo").innerHTML="New"; 
} 
</script> 

<button type="button" onclick="firstFunction()">Try it</button> 

</body> 
  • Функция предназначена для getElementById
  • Там является} отсутствует
0

Ваш положение сценария не имеет значения, хотя лучше всего разместить его непосредственно перед y ou закрыть тег тела для проблем с загрузкой.

Ваша проблема в двух вариантах. Сначала убедитесь, что при объявлении функции вы закрываете фигурные скобки. Во-вторых, имя функции getElementById не getElementByID JavaScript чувствителен к регистру.

<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 

 
    <h1>My First Web Page</h1> 
 
    <p id="demo">My first paragraph.</p> 
 

 
    <script> 
 
    function firstFunction() { 
 
     <!-- Id is not capitalized --> 
 
     document.getElementById("demo").innerHTML = "New"; 
 
    } <!-- important curly brace --> 
 
    </script> 
 

 
    <button type="button" onclick="firstFunction()">Try it</button> 
 

 
</body> 
 

 
</html>

Смежные вопросы