Вместо document.write, вывод в id / class из div - PullRequest
Новая
       1

Вместо document.write, вывод в id / class из div

0 голосов
/ 04 марта 2019

Я пытаюсь изменить document.write на вывод в id или class, чтобы я мог добавить его в div, который я пытался использовать document.getElementById("demo").innerHTML, но, похоже, он не работает, не уверен, еслиЯ делаю это правильно.

<html>
<body>
<p id="demo"></p>
<script type="text/javascript">
var d=new Date()
var daynumber=new Array("0","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st","32nd")
var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var monthname=new Array("January","Febuary","March","April","May","June","July","August","September","October","November","December")
document.write(weekday[d.getDay()] + " ")
document.write(daynumber[d.getDate()] + " ")
   // document.write(d.getDate() + " ")
document.write(monthname[d.getMonth()] + " ")
document.write(d.getFullYear())
</script>

</body>
</html>

Проверить вывод или изменить код на jsfiddle

Ответы [ 3 ]

0 голосов
/ 04 марта 2019

Это может помочь вам 

document.getElementById("demo").innerHTML = weekday[d.getDay()] + " "+daynumber[d.getDate()] + " "+monthname[d.getMonth()] + " "+d.getFullYear();
0 голосов
/ 04 марта 2019

Вы можете использовать document.getElementById('idname') или даже document.querySelector('#idname')

Вот небольшая демонстрация с вашим кодом 

//Vars
var d = new Date();
var outputElement = document.getElementById("current-date");

//Date Text arrays
var daynumber = ["1st", "2nd", "3rd", "4th", "5th", "6th", "7th", "8th", "9th", "10th", "11th", "12th", "13th", "14th", "15th", "16th", "17th", "18th", "19th", "20th", "21st", "22nd", "23rd", "24th", "25th", "26th", "27th", "28th", "29th", "30th", "31st", "32nd"];
var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var monthname = ["January", "Febuary", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

//Build up a string
var dateStr = weekday[d.getDay()] +
  ", the " + daynumber[d.getDate() - 1] +
  " of " + monthname[d.getMonth()] +
  ", " + d.getFullYear();

//Output to screen
outputElement.innerHTML = dateStr
#current-date {
  padding: 1px 4px;
  background: #EFEFEF;
  border: 1px solid #CCC;
  border-radius: 4px;
}
<p>
  Today's date is <strong id="current-date"></strong>
</p>
0 голосов
/ 04 марта 2019

Вы можете назначить новую функцию с закрытием над целевым элементом.

Но, как заметил Крис Барр , «перезапись встроенных функций JavaScript - это плохоидея. "

document.write = (element => string => element.innerHTML += string)(document.getElementById('out'));

document.write('foo<br>');
document.write('bar');
<div id="out"></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...