dm2275 Ответов: 2

Изменение текста Javascript не работает

Привет,
Я создал html-файл и вставил кнопку, которая ссылается на загрузку файла таким образом:
<h2><a href="file.exe" download="" style="color: #13600d">
<button width="200" height="100" >download/button></a> </h2>

Я хотел, чтобы при нажатии на кнопку и запуске загрузки браузер показывал "Спасибо за загрузку", поэтому я попробовал это сделать:
<span id="thanks"> </span>

<script> function thankyou() {
              var words = "Thanks for downloading";
              document.getElementById("thanks").textContent = words;
              } </script>

Я нажал на кнопку, загрузка файла началась, но текст span не изменился.

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

Я попытался найти некоторые решения, например изменить textContent на innerHTML или на innerText, но это не сработало.
Я использую Google Chrome в качестве своего браузера.
Спасибо,
Двор

2 Ответов

Рейтинг:
2

jgakenhe

Ваш код в порядке, за исключением того, что вам нужно вызвать функцию thankyou (). В приведенном ниже коде показано, как вызвать его из события HTML button tag onClick. Я также добавил HTML tag attribute target= "_blank", поэтому загрузка откроется в новом меню.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
<script> function thankyou() {
              var words = "Thanks for downloading";
              document.getElementById("thanks").textContent = words;
              } </script>
 </HEAD>
 <BODY>

<h2><a href="file.exe" download="" target="_blank" style="color: #13600d">
<button width="200" height="100" onclick="thankyou();">download</button></a> </h2>
<span id="thanks"> </span>
 </BODY>
</HTML>

Рейтинг:
0

Karthik_Mahalingam

прикрепить событие на нажатие кнопки 

<a href="file.exe" download="" style="color: #13600d">
           <button width="200" height="100" onclick="thankyou()">download </button>
       </a>


текстового содержимого[^] свойство поддерживается только в IE 9+, поэтому лучше использовать свойство innerHTML [^] собственность
document.getElementById("thanks").innerText = words;

dm2275

Я попробовал оба решения, но ни одно не сработало. У вас есть какие-нибудь идеи?
Спасибо,
Двор

Karthik_Mahalingam

опубликуйте свой полный код.

dm2275

Простите, что так поздно.
вот полный код:

<!Элемент DOCTYPE в HTML общественности "-//W3C для//определения DTD HTML 4.0 с переходным//ванной&ГТ;
< STYLE TYPE= "text/css">
<!--
ТЕЛО
{
цвет: белый;
цвет фона: черный;
семейство шрифтов: 'Arial Unicode MS';
}
-->
< / стиль>
& lt;html lang= "он">
< голова>
<meta charset= "utf-8" />
< title> мое программное обеспечение скачать бесплатно< / title>
& lt;скрипт>
функция спасибо() {
var words = " спасибо за загрузку";
document.getElementByIdI ("спасибо"). innerHTML = слова;
Document.getElementById ("спасибо"). innerText = words;
document.getElementById ("спасибо"). textContent = words;

}
/ script>
< / head>
< body style= "background-color: #0ff">

моя программа



< img src= ".. / files / download. png" >
< br / & gt;
< br / & gt;
&ЛТ;Р ИД="спасибо" стиль="цвет :#000000"&ГТ; &ЛТ;/п&ГТ;
< / body>
< / html>
Спасибо за помощь

dm2275

Я вижу слова "мое программное обеспечение" после того, как тег тела повернулся к их выходу, если это имеет значение.

Karthik_Mahalingam

Итак, в чем же проблема

dm2275

как я уже говорил, текст не меняется после вызова javascript.

Karthik_Mahalingam

у вас есть team viewer?

dm2275

В любом случае спасибо, я уже справился.

Karthik_Mahalingam

работает ли он сейчас ?