타이머 응용 프로그램을 만드는 중입니다. 그러나 위의 이미지를 클릭 할 때까지 타이머를 기본값 인 5시에 설정했습니다. 그 클릭하면, 나는 그것이 다음 스팬 코드를 조정하려는이름을 통해 JavaScript를 사용하여 스팬 태그의 값 변경
<a href="#" onClick="Timer1()"><img src="images/Icons/image.png" id="id"></a>
: 이미지를 클릭 코드는 이것이다 많은 부분이 코드와 함께있다, 그러나
<span id="timer" class="one" name="blue1">5:00</span>
을 내 CSS 스타일, ID 또는 클래스 변수를 실제로 확보 할 수는 없으므로 name = "blue1"인 하나의 공유되지 않은 이름으로이 타이머를 목표로 JavaScript를 사용하고 싶습니다. 여기에 제 JavaScript가 있습니다. 나는 그것으로 수행하고 나면
function BlueTimer1() {
document.getElementsByName('blue1').innerHTML="blah";
}
은 분명히 실제로 는 일을 할 것입니다,하지만 지금 난 그냥, 나는 그것이에 편집하든 상관하지 않는 범위 내에서 텍스트를 수정 할 수 있어야합니다.
어떤 도움을 주셔서 감사합니다.
document.getElementsByName('blue1')[0].innerHTML="blah";
그래서 그것이 작동 하겠지만, 다음 getElementById('timer')
를 사용하는 경우 :
동일한 ID를 가진 요소가 여러 개있는 이유는 무엇입니까? 그것은 틀 렸습니다. 그러나 기본적인 튜토리얼에서 배우 겠지만'getElementsByName'은 Array와 유사한 콜렉션을 리턴하므로 콜렉션의 멤버에 액세스해야한다. –
늑대 인간이 제공 한 답이 맞을 것입니다. 또한 식의 경고 프롬프트를 피하기 위해'onClick'을'onclick'으로 변경하는 것을 고려할 수도 있습니다. xD – jhyap