자바스크립트 선택된 옵션 질문드립니다..

JavaScript
1 
html + 자바스크립트 배우고 있는 학생입니다.
    <script>
            function drawImage() {
                var sel = document.getElementById("fruits");
                var img = document.getElementById("fruitimage");
                img.src = sel.options[sel.selectedIndex].value;
            }
            </script>
    <style>
    <body onload="drawImage()">
    <form>
    <select id="fruits" onchange="drawImage()">
    	<option value="img.jpg">1번값
    	<option value="img2.jpg" selected>2번값

    </select>
    <img id="fruitimage" src="media/banana.gif" alt="">

위 예제가 이미지를 불러오는 예제인건 알겠습니다.
저는 이미지 파일이 아니라 html상에 테이블 요소의 이미지와 텍스트를 변경해주고 싶은데요
어떻게 하면 좋을까요? 혹시 검색할만한 키워드가 있을까요 전혀 모르겠습니다

2

다른 프레임워크를 쓰지 않고 위에 첨부하신 예제처럼 처리한다는 했을 때 table 관련 dom을 다루는 방법에 대해 찾아보시면 될 것 같습니다.
다음 키워드 등으로 html을 javascript 다루는 방법에 대해 전반적인 공부를 하시면 어렵지 않게 하실 수 있을 거에요.

  • javascript로 dom 생성하기
  • javascript로 dom 변경하기
3

이미지 변경은 예제에서도 보여주고 있는것 같습니다만… 테이블요소 안의 텍스트를 바꾸는건 innerText 혹은 textContent를 사용하시면 될것같습니다