파일에 HTML을 추가하십시오.

Question

현재 웹 사이트를 사용하고있어 귀하의 도움이 필요합니다.

내가 갖고 싶은 것은 실제 코드를 html 파일에 추가 할 수있게 해주는 자바 스크립트입니다. 확장의 일종. 내 웹 사이트에 몇 곡의 뮤직 비디오가 있지만 마지막으로 뮤직 비디오를 숨기고 싶지 않기 때문에 아무런 해적판이 필요하지 않습니다. 이렇게 기본적으로 당신은 당신의 웹 사이트를 떠나기없이 첫번째 3 개를보고 단추를 눌러서 4 번째를보아야한다.

so :

비디오 1, 2 및 3을 봅니다. 버튼을 누릅니다. plop 네 번째 비디오가 html 페이지의 확장자로 나타나며이를 볼 수 있습니다.

<script> function fourthVideo() { 
    [the javascript ] 
} 
</script> 

... 

<div> 
    [ youtube video #1 ] 
    [ youtube video #2 ] 
    [ youtube video #3 ] 
</div> 

<input type="button" value="Continue" onclick="fourthVideo()"> 

<div> 
    [ youtube video #4 ] //this would be added by the javascript 
</div> 

다음 자바 스크립트는 페이지 하단의 네 번째 비디오 사업부를 추가

그래서 코드에서 같은 일을 할 것이다.

내가 할 수있는만큼 잘 설명하려고 노력했다. (꽤 피곤했다 ...) 아직도 명확하지 않다면 말하면 좋겠다. 일단 잠을 자면, 더 잘 설명하려고 노력할 것이다.

건배.

Answer 1

완전히 새로운 div를 추가 할 필요가 없습니다. CSS를 사용하여 표시하거나 숨길 수 있습니다.

<div id="videoFour" style="display:none;"> 
    Video.. 
</div> 

function fourthVideo() { 
    document.getElementById("videoFour").setAttribute("style", "display: block"); 
}