๊ณต๋ถ€ ๊ธฐ๋ก โœ๏ธ/Javascript

JS-Do it! JS - #4์ผ์ฐจ

๋ฒ„๋‘˜ 2023. 3. 18. 17:50

์›น ์š”์†Œ์˜ ๋‚ด์šฉ ๊ฐ€์ ธ์˜ค๊ณ  ์ˆ˜์ •ํ•˜๊ธฐ

1. ๊ฐ€์ ธ์˜ค๊ธฐ

-์›น์š”์†Œ.innerText

-์›น์š”์†Œ.innerHTML

-์›น์š”์†Œ.textContent

 

2.์ˆ˜์ •ํ•˜๊ธฐ

-์›น์š”์†Œ.innerText= ๋‚ด์šฉ

-์ด๋ฏธ์ง€์š”์†Œ.src=์ด๋ฏธ์ง€ํŒŒ์ผ

title.onclick=function(){
	title.innerText="ํ”„๋กœํ•„";
}

 

์›น ์š”์†Œ์˜ ๋‚ด์šฉ์„ ๊ฐ€์ ธ์˜ฌ ๊ฒฝ์šฐ innerText,textContent

์›น ๋ธŒ๋ผ์šฐ์ € ์ฐฝ์— ํ‘œ์‹œ๋˜์ง€ ์•Š์€ ๋‚ด์šฉ๊นŒ์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ textContent

์š”์†Œ ์•ˆ์— ์žˆ๋Š” ํƒœ๊ทธ๊นŒ์ง€ ํ•จ๊ป˜ ๊ฐ€์ ธ์˜ค๊ธฐ innerHTML

 

DOM์—์„œ ํผ ๋‹ค๋ฃจ๊ธฐ

-์š”์†Œ.value : ํ•„๋“œ์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅํ•œ ๊ฐ’์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋‹ค.

 

'๊ณต๋ถ€ ๊ธฐ๋ก โœ๏ธ > Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

JS-Do it! JS - #7์ผ์ฐจ (08)  (0) 2023.03.23
JS-Do it! JS - #6์ผ์ฐจ  (0) 2023.03.21
JS-Do it! JS - #5์ผ์ฐจ  (0) 2023.03.21
JS-Do it! JS - #2์ผ์ฐจ  (2) 2023.03.15
JS-Do it! JS - #1์ผ์ฐจ  (0) 2023.03.15