JS는 페이지 입력 컨트롤의 모든 텍스트 컨트롤을 가져오고 스타일 속성_javascript 기술을 추가합니다.

언급한 대로 jquery는 페이지 입력 컨트롤의 모든 텍스트 컨트롤을 가져오고 페이지가 로드될 때 스타일을 추가하는 데 사용됩니다.

이전에 작성한 페이지에 사용된 텍스트 컨트롤의 너비 속성이 너무 작아서 변경해야 합니다. 페이지의 모든 텍스트 속성을 변경하려면 각 너비를 변경하는 것이 매우 번거로운 것 같습니다. 컨트롤이 있어서 페이지를 통해 변경하고 싶은데요. 로딩시 변경할 텍스트를 찾아서 속성을 추가해 주세요.

먼저 CSS 스타일을 작성했습니다:

코드 복사 코드는 다음과 같습니다. 다음은:

.wid
{
width:205px
}

페이지 로딩 시 작성한 코드는 다음과 같습니다:
$("input[type=text]").addClass("wid"); //입력 컨트롤에서 모든 type=text 컨트롤을 가져오고 텍스트 텍스트 상자에 스타일을 추가합니다.
javascript는 페이지 제어를 가져오고 스타일을 추가합니다.

코드 복사 코드는 다음과 같습니다.

/ /선택 드롭다운 상자에 스타일 추가
var g=document.getElementsByTagName("select") //찾은 선택 컨트롤을 수신할 변수 설정
for(i= 0;i{
document.getElementById(g[i].id).style.width="210px" //추가 스타일
}