in loop : javaScript 예제 :
<html> <head> <title> a for ... in loop </title> </head> <bod> <script type = "text/javaScript"> // 객체 myObject 및 3 개의 속성 장기 이름, SiteEcontent를 만듭니다. var myObject = new Object (); myObject.siteName = "blabula"; myObject.siteUrl = "blabla.cn"; myObject.siteContent = "웹 튜토리얼 코드 갤러리의 중국 사이트"; // 객체의 모든 속성을 통한 평온함 (myObject) {document.write ( "prop +" + "is"are " +" + " +" + " +" myObject [prop]); docum오늘날 Java Tang Blog Online은 JavaScript 객체의 모든 속성 이름과 값을 반복하는 방법을 찾았습니다. 이것은 방법을 사용할 때 매우 직관적이고 편리합니다. 코드는 다음과 같습니다.
/** 지정된 객체의 모든 속성 이름과 값을 가로 지르기 위해 사용됩니다.* OBJ 트래버지 해야하는 객체* 저자 : Jet MAH*/ function AllPrps (OBJ) {// 모든 속성 이름과 값을 저장하는 데 사용됩니다. var props = "; // (var p in obj) {// 메소드 if (typeof (obj [p]) == "function") {obj [p] (); } else {// p는 속성 이름입니다. obj [p]는 해당 속성 소품의 값 + = p + "=" + obj [p] + " /t"; }} // 마지막으로 모든 속성 경고 (props); }Ajax의 JavaScript 반사 메커니즘은 프로그램이 실행될 때 자체 정보를 얻을 수 있다고합니다. 예를 들어, 객체는 런타임에 어떤 방법과 속성이 있는지 알 수 있습니다. JavaScript에서 구문은 다음과 같습니다.
for (var p in obj) {// statement}Ajax 프로그래밍에서는 종종 인터페이스 요소의 스타일을 동적으로 변경해야합니다. 객체의 스타일 속성을 통해 변경할 수 있습니다. 예를 들어, 배경색을 빨간색으로 변경하려면 다음과 같이 쓸 수 있습니다.
element.style.backgroundColor = "#ff0000";
기본적으로 CSS에 소유 한 속성은 JavaScript에서 사용할 수 있습니다.
함수 setStyle (_style) {// 스타일을 변경하려면 인터페이스 객체를 가져옵니다. var element = getElement (); 요소 .Style = _style; }전체 스타일 객체는 매개 변수로 직접 전달됩니다.
var style = {color : #ffffff, backgroundcolor :#ff0000, borderwidth : 2px}다음과 같은 기능을 호출 할 수 있습니다.
세트 스타일 (스타일);
또는 다음과 같이 직접 작성하십시오.
setStyle ({색상 :#ffffff, backgroundColor :#ff0000, borderwidth : 2px});
이 코드는 아무런 문제가없는 것처럼 보이지만 실제로 매개 변수 _style을 Element.Style에 사용하면 SetStyle 기능 내부의 스타일이 이미 특정 스타일이있는 경우 다음과 같이 실행되었습니다.
요소 .style.height = "20px";
그러나 높이의 정의는 _style에 포함되지 않으므로 초기 결과가 아니라 요소의 높이 스타일이 손실됩니다. 이 문제를 해결하려면 반사 메커니즘을 사용하여 SetStyle 기능을 무시할 수 있습니다.
함수 setStyle (_style) {// 스타일을 변경하려면 인터페이스 객체를 가져옵니다. var element = getElement (); for (var p in _style) {element.style [p] = _ style [p]; }}프로그램의 _style의 각 속성을 반복하여 속성 이름을 얻은 다음 Square Bracket Syntax를 사용하여 element.style의 해당 속성을 _style의 해당 속성에 할당하십시오.
JS Traversal 페이지의 위의 기사는 편집기가 공유하는 모든 내용입니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.