Поместить время в якорь html
На странице генерируется код полосы времени(вертикальная) часы минуты.
У каждой записи есть якорь name="00:00", name="00:01" и тд.
Время получаю при помощи JS.
<script type="text/javascript">
window.onload = function(){
window.setInterval(function(){
var now = new Date();
var clock = document.getElementById("clock");
var idOfAnchor = document.getElementById("idOfAnchor");
clock.innerHTML = now.toLocaleTimeString();
idOfAnchor.innerHTML = now.toLocaleTimeString();
document.getElementById('idOfAnchor').href = "#"+idOfAnchor;
}, 1000);
};
</script>
<style type="text/css">
#clock{
color: #0071D0;
font-weight: bold;
font-size: 30px;
}
<div id="clock"></div>
<a href="#19:35" id="idOfAnchor"> aaaaaaaaaaaa </a>
В тексте ссылки время подставляется и идет(меняется), а вот в атрибуте тега href нет.
Как сделать?
Я имею в виду составить правильно строку в этой строчке
document.getElementById('idOfAnchor').href = "#"+idOfAnchor;
P.S Наряду с моим кодом в тексте присутствует код отображающий время(использую как пример в своих целях)
Не работает, потому что твой "idOfAnchor" - это элемент. То есть, ты при каждой итерации добавляешь в качестве ссылки не значение, а всю ссылку. Чтобы заработало, надо подхватывать текст из твоего элемента...
window.onload = function(){
window.setInterval(function(){
var now = new Date();
var clock = document.getElementById("clock");
var idOfAnchor = document.getElementById("idOfAnchor");
clock.innerHTML = now.toLocaleTimeString();
idOfAnchor.innerHTML = now.toLocaleTimeString();
idOfAnchor.href = '#' + idOfAnchor.innerText;
}, 1000);
};
Пользуйся почаще консолью, чтобы проверять, что конкретно ты выводишь и куда записываешь.

https://codepen.io/norbert123/pen/NWBPrqR как то так
Одинарный скобки, что-то не нравятся в этом месте. Давно этим не пользовался, но помоему для работы со ссылками что-то другое используется. Из рода location что-ли. В общем, скобки не помогут, то ищи.
Очевидно же что в href записывается не то же самое что в innerHTML. Это даже не текст потому что idOfAnchor - это сам элемент.