innerhtml javascript 변경

Question

저는이 자바 스크립트를 처음 사용하기 때문에이 문제를 해결하는 가장 좋은 방법을 찾을 수 없습니다.

나는 정보라는 div가 있습니다.

저는 수십 개의 동영상을 보유하고 있으며 새로운 동영상을 지속적으로 추가하고 있습니다.

동영상을 클릭하면 정보를 업데이트하고 싶습니다.

그래서 나는 이런 식으로 뭔가를 내가 텍스트와 숨겨진 DIV를 필요로 생각하고 getElementsByClassName되었다

<div class="video"><a href="./video1.mp4" target="videoplayer" onclick="showDescription()><div class="description"><p>description for video1</div> 
<div class="video"><a href=./video2.mp4 target="videoplayer" onclick="showDescription()><div class="description"><p>description for video2</div> 
<div class="video"><a href=./video3.mp4 target="videoplayer" onclick="showDescription()><div class="description"><p>description for video3</div> 

작동하지 않습니다

function showDescription(){ 
var description = this.getElementsByClassName("description"); 
document.getElementById("info").innerHTML = description; 
{ 

. 이 일을하는 데 getElementsByClassName을 사용하고 있습니까? 아니면 누구나 다른 방법을 제안 할 수 있습니까?

<div id="videoplayer"> 
    <iframe name="VideoPlayer" width="80%" height="100%" src="http://www.youtube.com/embed/videoseries?list=PL5A2FB27789F71E63> </iframe> 
</div> 

<div id="info"> 
    <p>Welcome</p> 
</div> 

<div class="thumb"><p> 
    <a href="http://www.youtube.com/embed/videoseries?list=PLF06E26B33B6A2F33" target="VideoPlayer"  onClick="changeInfo()"><img src="http://discolemonade.com/roku/images/thumbs/MusicVideos/MV-ThumbSmallPlaylist.jpg"></a> 
    Hours of music videos, refreshed often. 
    </p> 
    <div class="longinfodiv"> 
    <p class="longinfo">this is the long version of the music video playlist info</p> 
    </div> 
</div> 

그리고 자바 스크립트 :

function changeInfo() { 
    var longinfo = document.getElementsByClassName("longinfo"); 
    document.getElementById("info").innerHTML = longinfo; 
} 

Answer 1

먼저 구조 HTML 파일이 제대로 :

<div class="video"> 
    <a href="./video1.mp4" target="videoplayer" onclick="showDescription()">Link</a> 
    <div class="description">description for video1</div> 
</div> 

그런 다음 사용

---

다음은 실제 내가 사용 HTML의 다음 스크립트 :

function showDescription(){ 
    var video = this.parentNode; 
    var desc = video.children[1]; 
document.getElementById("info").innerHTML = desc.innerHTML; 
}