shadow-dom

0열

1답변

Polymer shadow DOM "$"개체를 사용하려고합니다. document.querySelector("recent-activity-section").$ 이 코드는 다음과 같습니다 객체 반환해야합니다 : 크롬 개발 도구 콘솔을 사용하여, 사실 Object {recent-activity-section: section#recent-activity-sec

0열

1답변

JQuery를 사용하여 폴리머의 요소에 스크롤 효과 애니메이션

JQuery를 사용하여 스크롤 애니메이션을 만들려고하지만 스크롤하려고하는 요소가 # shadow-root에있는 것처럼 보입니다. 스크롤하려는 요소가 기본 컨테이너입니다. 요소 트리 : html body core-scaffold#scaffold #shadow-root core-drawer-panel#drawerPanel core-header-panel#hea

5열

1답변

Polymer의 그늘진 DOM 대 그림자 DOM의 차이점은 무엇입니까?

웹 구성 요소 (paper-stepper) 중 하나에 그림자 DOM을 사용하는 데 문제가 있습니다. 그 대신 음영 DOM을 사용해야합니다. 나는 그 차이점이 무엇인지, 왜 그런지에 대해서는 확신하지 못한다.

0열

1답변

웹 구성 요소 : 그림자 DOM로드 이벤트를 수신하는 방법?

내 사용자 정의 요소에서 그림자 DOM을로드 할 때 JavaScript 코드를 실행하려고합니다. 나는 다음 코드를 시도하지만 를 작동하지 않았다 X-component.html 다음과 같이 <template id="myTemplate"> <div>I am custom element</div> </template> <script> var doc

0열

1답변

웹 구성 요소 : 상위 태그의 스크립트를 통해 그림자 DOM에 액세스하는 방법?

가져 오기 파일에로드 된 JavaScript 코드를 사용하여 Shadow DOM의 태그에 액세스하려고합니다. 말은, 내 사용자 지정 요소는 내가 <!doctype html> <html > <head> <link rel="import" href="x-component.html"> </head> <body> <div>I am paren

0열

1답변

웹 구성 요소 내용 삽입시 마크 업 포함

웹 구성 요소와 그림자 DOM을 살펴보고 간단한 데모를 설정하기 시작했습니다. 내 <template></template>에 삽입 지점을 설정하고 호스트에 여러 번 포함 시키면 서식 파일의 한 참조에 대해 반복 할 것입니다. <template> <content select="item"></content> <!-- will include multip

1열

2답변

액세스 그림자 DOM 요소 (폴리머) 크롬 브라우저 (V51)의 JS 콘솔에서 다음 코드를 사용하여 <a href="https://shop.polymer-project.org/" rel="nofollow">https://shop.polymer-project.org/</a>에, 남자의 외부 마모 섹션에서 '지금 구입'버튼을 액세스하려고

: document.querySelector('shop-app').shadowRoot.querySelector('shop-home').shadowRoot.querySelector('shop-button'); 내가 라인 1, 셀레늄을 사용하여, 내 자동화 테스트에서 동일한 요소에 액세스하려고 : WebElement shopBtn = (WebElement)

2열

1답변

그림자 돔으로 jQuery 사용하기

그림자 돔으로 요소를 만들었습니다. /* some preparing code */ this.createShadowRoot(); // creates shadow root, this refers to element 나중에 코드에서 내가 만든 그림자 DOM에 액세스합니다. 이 작업 : this.shadowRoot.getElementById("...") t

10열

2답변

웹 구성 요소의 섀도우 돔에 대한 외부 스타일 시트

섀도우 루트가있는 웹 구성 요소를 배우고 있으며 외부에서 스타일 시트를로드 할 수있는 코드가 없으면 Google에서 찾을 수 없습니다. 나는 아직 폴리머 나 다른 웹 컴포넌트 라이브러리를 사용하고 있지 않다. 아래 코드 : 첫 번째 스크립트 태그 위에 링크 태그를 놓으면 웹 구성 요소 전체가 아니라 웹 구성 요소의 스타일이 지정됩니다. 내가 div.holl

0열

1답변

그림자 DOM 및 사용자 정의 요소에 바인딩하는 Javascript 바인딩 기능

프로젝트에 Polymer을 사용하고 있습니다. 내 전체 프로젝트를 캡슐화하는 일반 사용자 정의 요소가 있는데, <my-app></my-app>이라고 부르 자. 버튼 (<paper-button>, <paper-item>, <my-custom-clickable-item>, ...)이 소리가 들리면 언제든지 그걸 원합니다. 소리 재생은 문제가되지 않지만 필자는