js 64

[javaScript] .createElement() /.appendChild() /.createTextNode()

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ HTML ์š”์†Œ๋ฅผ ๋™์ ์œผ๋กœ ์ถ”๊ฐ€ํ•˜๊ธฐ // document.createElement๋ฅผ ์‚ฌ์šฉํ•ด aํƒœ๊ทธ๋ฅผ ์ƒ์„ฑ // ex: createElement('h1') // ex: createElement('button').. // createElement - HTML์— ํƒœ๊ทธ ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ var veA = document.createElement("a"); var veBtn = document.createElement("button"); var veh3 = document.createElement("h3"); // veBtn ํƒœ๊ทธ์— ์ด๋ฆ„์ฃผ๊ธฐ var veAText = document.createTextNode('๋ฒ„ํŠผ'); var veBtnText = document.createTextNode('๋ฒ„ํŠผ..

js 2021.01.12

[jQuery] input ํƒœ๊ทธ์•ˆ์— value ๊ฐ’๋„ฃ๊ธฐ

name์ด inputNm์ธ input์— ๊ฐ’์„ ๋„ฃ์–ด๋ณด์ž. .attr : .attr()์€ ์š”์†Œ(element)์˜ ์†์„ฑ(attribute)์˜ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜ ์†์„ฑ์„ ์ถ”๊ฐ€ํ•˜๋Š”๊ฒƒ. var ๋ณ€์ˆ˜๋ช… = '1234'; $('input[name=inputNm]').attr('value',๋ณ€์ˆ˜๋ช…); ๊ฒฐ๊ณผ :

js 2020.11.19

[jQuery] $(document).ready vs $(window).load ์ฐจ์ด

$(document).ready ์™ธ๋ถ€ ๋ฆฌ์†Œ์Šค. ์ด๋ฏธ์ง€์™€๋Š” ์ƒ๊ด€์—†์ด ๋ธŒ๋ผ์šฐ์ €๊ฐ€ DOM (document object model) ํŠธ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•œ ์งํ›„ ์‹คํ–‰ window.load() ๋ณด๋‹ค ๋” ๋น ๋ฅด๊ฒŒ ์‹คํ–‰๋˜๊ณ  ์ค‘๋ณต ์‚ฌ์šฉํ•˜์—ฌ ์‹คํ–‰ํ•ด๋„ ์„ ์–ธํ•œ ์ˆœ์„œ๋Œ€๋กœ ์‹คํ–‰๋จ $(window).load DOM์˜ standard ์ด๋ฒคํŠธ html์˜ ๋กœ๋”ฉ์ด ๋๋‚œ ํ›„์— ์‹œ์ž‘ ํ™”๋ฉด์— ํ•„์š”ํ•œ ๋ชจ๋“  ์š”์†Œ(css, js, image, iframe etc..)๋“ค์ด ์›น ๋ธŒ๋ผ์šฐ์ € ๋ฉ”๋ชจ๋ฆฌ์— ๋ชจ๋‘ ์˜ฌ๋ ค์ง„ ๋‹ค์Œ์— ์‹คํ–‰๋จ ํ™”๋ฉด์ด ๋ชจ๋‘ ๊ทธ๋ ค์ง„ ๋‹ค์Œ์˜ ๋ฉ”์„ธ์ง•์ด๋‚˜ ์ด๋ฏธ์ง€๊ฐ€ ๊ด€๋ จ ์š”์†Œ๊ฐ€ ๋ชจ๋‘ ์˜ฌ๋ ค์ง„ ๋‹ค์Œ์˜ ์• ๋‹ˆ๋ฉ”์ด์…˜์— ์ ํ•ฉํ•จ ์ „์ฒด ํŽ˜์ด์ง€์˜ ๋ชจ๋“  ์™ธ๋ถ€ ๋ฆฌ์†Œ์Šค์™€ ์ด๋ฏธ์ง€๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์— ๋ถˆ๋ ค ์˜จ ์ดํ›„ ์ž‘๋™ํ•˜๊ฒŒ ๋˜์–ด ์ด๋ฏธ์ง€๊ฐ€ ์•ˆ๋œฐ ๋„ค๊ฐ€ ๋”œ๋ ˆ์ด๊ฐ€ ์ƒ๊ธธ ๋•Œ์—๋Š” ๊ทธ๋งŒํผ์˜ ์‹œ๊ฐ„์„ ๊ธฐ..

js 2020.10.05

[JavaScript] ์ˆซ์ž ์ฒœ๋‹จ์œ„ ๋งˆ๋‹ค ์ฝค๋งˆ(,) ์ •๊ทœ์‹

์ •์ˆ˜ํ˜•์— ๋Œ€ํ•ด์„œ๋Š” ์•„๋ฌด๋Ÿฐ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์œผ๋‚˜, ์†Œ์ˆ˜์ ์ด ์žˆ๋Š” ์‹ค์ˆ˜ํ˜•์˜ ๊ฒฝ์šฐ์—๋Š” ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๊ฒŒ ๋œ๋‹ค. toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 1. ํ•จ์ˆ˜ function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } 2. td ๊ฐ’์— ์ฝค๋งˆ๋ฅผ ์ฐ์„ ๊ฒฝ์šฐ jquery $("#id๋ช…").text().toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); javascript document.getElementById('id๋ช…').innerText.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",..

js 2020.09.21