2014-09-21 2 views
1

HTML 페이지의 레이블 필드에 문제가 있습니다. 다음과 같이 레이블을 설정했습니다.. Windows Phone 브라우저에서 .innerHTML이 작동하지 않습니다.

<label id="labelid" class="required control-label">Old Label Value</label> 

일부 다른 양식 입력에 따라 JavaScript를 사용하여 레이블 값을 변경하려고합니다. 그것에 대한 코드는 다음과 같습니다.

function change() 
{ 
    document.getElementById(labelid).innerHTML = "New Label Value"; 
} 

어떤 이유로이 기능은 데스크톱 브라우저에서 제대로 작동합니다. 그것은 또한 IOS 및 안드로이드 휴대폰에서 잘 작동합니다. 그러나 Windows phone 브라우저에서이 HTML 페이지를 볼 때 새 값이 표시되지 않습니다.

알려 주시기 바랍니다. 어리석은 짓을하고있을거야.하지만 그걸 알아낼 수는 없어.

기본 목표는 사용자가 텍스트 필드에 입력 한 내용을 기반으로 레이블을 업데이트하는 것입니다. 라벨을 사용하는 대신 다른 방법이 있다면 알려 주시기 바랍니다.

+1

당신은'변화()'실제로 휴대 전화의 브라우저에서 실행 여부 결정 했습니까? –

+1

labelid는 작은 따옴표 나 큰 따옴표로 묶어야합니다. –

+1

'change()'를 트리거하는 이벤트를 어떻게 묶고 있습니까? – Popnoodles

답변

0

이 코드를 사용해보십시오. 당신은

윈도우 폰 브라우저를 참조에서
function change() { 

document.getElementById("labelid").innerHTML = "New Label Value"; 

} 
+0

나는 labelid 주위에 작은 따옴표와 큰 따옴표를 사용했다. 그러나 그것은 효과가 없습니다. 이 문제는 데스크톱 브라우저에서 제대로 작동하기 때문에 전화 브라우저에서 발생합니다. – satishnair

+0

JS에서는 작은 따옴표와 큰 따옴표를 거의 같은 의미로 사용할 수 있습니다. –

+0

위의 코드를 간단한 html 파일에 div로 배치하고 Android에서 작동하는지 Chrome에서 테스트 해보았습니다. 어떻게 시험하고 있습니까? – user2941841

0

, 마크 챔벌레인이 유사한 문제에 이러한 의견이 있었다 .. labelid 따옴표를하지 않았다

"표준 자바 스크립트 주입이 활성화되지 않습니다, 때문에 가장 가능성 공격의 위험, 웹 사이트 스푸핑 등. 소유하고있는 웹 사이트를 사용자 정의해야하는 경우 웹 사이트 (서버)에서 변경 사항을 구현해야합니다. "

이것은 HTML의 추가/삭제/수정까지 확장 될 수 있습니다. 이 링크에서

는 : https://social.msdn.microsoft.com/Forums/windowsapps/en-US/94d4a806-3eca-411e-adda-9e0fa8a6f467/how-to-inject-or-insert-the-javascript-code-in-webbrowser-windows-phone-7?forum=wpdevelop

관련 문제